Back to work

OSRM Frontend

Illustrative project cover

Project Overview

Developed a modern, containerized frontend application designed to interact with the Open Source Routing Machine (OSRM) backend. This tool fills a critical gap in the geospatial development ecosystem by providing a GUI to debug complex routing algorithms. It allows developers to visualize network nodes, edges, and speed profiles, making it easier to troubleshoot routing errors in custom map data. The application is fully Dockerized for rapid deployment.

Outcomes & contributions

  • Algorithm Visualization: Engineered a "Debug Mode" that visualizes the invisible graph network—displaying Nodes, Edges, Cells, and Turn Instructions directly on the map.
  • DevOps Ready: Packaged the entire application as a Docker Image (dhanyyudi/myosrm-frontend), enabling other developers to deploy the tool in seconds via a single command.
  • Routing Intelligence: Implemented advanced profile support (Car, Bike, Foot) and detailed metrics (Average Speed, Turn-by-Turn Duration), aiding in the calibration of logistics route planning.
  • Data Interoperability: Built a CSV Import/Export engine, allowing users to batch-process waypoints and integrate the tool into larger data pipelines.

Technology Stack

  • Docker & Docker Compose (Containerization)
  • Nginx (Reverse Proxy & Caching)
  • OSRM API (Backend Integration)
  • JavaScript (Leaflet.js & SweetAlert2)
  • HTML5/CSS3 (Modern Blue Theme)

System Documentation

1 / 6
OSRM Front End Main Page
Continue Exploring
View All Projects
Geofence Validator 2025
Spatial analysis

Geofence Validator

A spatial validation workflow for comparing geofence files, finding overlaps, and inspecting geometry.

Next.js 15React 19Turf.js
View project
National Boundary Information System (Sitaswil) 2021
Python / PostgreSQL

National Boundary Information System (Sitaswil)

Contributed to the modernization of Sitaswil, the official boundary information system for the Indonesian Geospatial Information Agency (BIG). The project focused on enhancing the accessibility and security of administrative boundary data for central and regional governments. Key deliverables included a complete redesign of the landing page for better user engagement, the integration of advanced geocoding features, and the implementation of strict data security protocols tailored for government stakeholders.

PythonPostgreSQLGeoserver
View project
TRAYEK 2026
Routing & Mobility

TRAYEK

Indonesian Routing Optimization Game. Player vs Valhalla & AI routing solver featuring authentic local constraints: odd-even plates, tidal floods, prayer breaks, and the Nusantara corridor. Built with Next.js 16, Go, and Valhalla. Top 100 #JuaraVibeCoding 2026.

Next.js 16Go (Golang)Valhalla
View project
Available for geospatial projects & technical consulting

Have a project, spatial challenge, or role in mind?

Let’s discuss WebGIS architectures, spatial data pipelines, or routing solvers tailored to your needs.

Start a Conversation
All Projects View CV
D

Portfolio Assistant

AI Guide · Online