📚 What I Learned Through this project, I learned how to:
Integrate Google Maps and Google Places APIs
Use Waypoint optimization to reorder stops efficiently
Work with dynamic forms in JavaScript
Build a clean, responsive, professional UI using HTML and CSS
Improve UX with real-time address suggestions
🛠️ How I Built It Frontend: HTML, CSS (custom responsive design), FontAwesome for icons
Map and Route Optimization: Google Maps JavaScript API + Places Library
Functions:
Add multiple stops dynamically
Autocomplete for addresses
Optimized stop order
Total distance and travel time calculation
Unit toggle (miles/kilometers)
Printable route summary
⚡ Challenges I Faced Managing the dynamic addition of stops while keeping autocomplete functional
Correctly interpreting Google’s optimized waypoint order and syncing it with user inputs
Designing a clean, minimal UI that feels modern but remains lightweight
Handling user errors (like empty fields) and improving usability
✅ Result: A fast, attractive, and highly useful Multi-Stop Route Planner that saves users time, gas, and effort, and brings real-world efficiency for anyone facing multi-stop travel challenges!
Log in or sign up for Devpost to join the conversation.