DeliverEase is a prototype routing system designed to streamline route planning for delivery riders. This system optimizes delivery routes to save time, reduce fuel consumption, and enhance efficiency, making the delivery process smoother and more reliable.
- 3D landing page
- Google Maps views (default, satellite, terrain, and street)
- Manage list of deliveries (add, delete, optimize, and reset)
- Set source location
- Auto map panning
- Polylines for route
- Map markers for source and destination locations
- React
- Vite
- Tailwind CSS
- Three.js
- Framer Motion
- React Three Fiber
- HTML
- CSS
- JavaScript
- Google Maps API
- Overpass API
- Visit akzechkyla.github.io/DeliverEase/
- On the landing page, scroll down and click View App.
- You'll be redirected to a map with a default starting location. You can keep it or enter a different location in the search bar. Note: The system works effectively within Manila and Quezon City; results may be inaccurate outside this area.
- The app uses mock delivery data. Copy and paste any of the following order IDs into the app:
Order ID
2406069U1PVRCM
240528H1NP8TQS
24052340GFPN7G
240506K4VFWEK5
240506K4KX9F6H
240424HXYQ5GJ2
2404183QBAB6QT
240425N8AM7X09
2404196ERP2Q7T
2404086CK36S6J
2404170BXAY2CA
2404063AEH0P2Q
2404074JQM6CAN
240405VP8VDM0E
240330DB2U0UWK
2403288QRTN7F0
2403288NAUTFAX
240320J1X86MJM
2403154QC3E3VE
240306BQQ4374A
-
Click Optimize Deliveries button.
-
Explore the Google Maps view or click Reset to clear the delivery list.
| Name | Role | Contributions |
|---|---|---|
| AkzechKyla | Lead Developer | Implemented core functionalities |
| Feiryrej | Frontend Developer | Implemented landing page and UI map design |
| DotBisch | Server-side Developer | Implemented Overpass API endpoint and prepared mock data |