incubated-geek-cc / sg-routing-app

A web application which integrates multiple routing APIs for custom selection and visualisation.

Home Page:https://sg-routing-app.onrender.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

logo
sɢᴿᵒᵘᵗᵉʳ

SG Routing App

Rationale for pet project was to further explore aspects of routing such as choice of navigation and factors for consideration when duration of journey is derived.


From a macro-perspective, this serves as a proof-of-concept for showcasing the optimal routes suggested by different map service providers.

✍ Article post for the project
Data Visualisation of Travel Routes by Multiple Service Providers on Web App— Built with LeafletJS + NodeJS

📌 Project Status
Currently still WIP. Would eventually finetune its layout for 📱 mobile responsiveness (Implemented ✔️ as of Nov 2022)

🧰 Integrates multiple routing APIs for custom selection and visualisation.

Web App :: Link     Web App :: Backup Link

Features and Screenshots

📱 Mobile View

💻 🖥️ On Larger Screens

📱 Mobile View for all Route Services displayed

OneMap Graphhopper Here

📱 Mobile View: Other General Features

Reverse Route Toggle/Display 🔃 Display Full Route Instructions Export GeoJSON of Routes 💾 View Attribution list

⚠️ Important Note: As of Nov 2022, UI layout has been revamped with all existing functionalities still in place.

📱 Mobile View 📱 Mobile View (sidebar expanded)

Join me on 📝 Medium at ~ ξ(🎀˶❛◡❛) @geek-cc


🌮 Please buy me a Taco! 😋

📜 License & Credits

  1. © OneMap, by SLA
  2. © Graphhopper | Creative Commons License
    This work is licensed under a Creative Commons Attribution-ShareAlike 2.0 Generic License
  3. © HERE
  4. © Credits to CARTO, by OpenStreetMap

ℹ Miscellaneous

All 3 Routing APIs implemented are open-sourced and for public use. (Please note that this web application pertains to Singapore's roads and traffic. To cater to alternative or global use-cases please feel free to fork this repo and tweak the code accordingly.)

About

A web application which integrates multiple routing APIs for custom selection and visualisation.

https://sg-routing-app.onrender.com/


Languages

Language:JavaScript 99.6%Language:CSS 0.2%Language:HTML 0.1%Language:Shell 0.0%