quiet-route

• 

  webpage in dark mode

• 

  webpage in light mode

• 

  this shows the map

• 

  we can find the calm spot during the travel

• 

  this show the Quietest Route and fastest Route

• 

  we choose between both of the Route

Inspiration: The problem of sensory sensitivities affecting 1 in 5 people and how traditional nav apps ignore comfort What it does: Core features including stress-aware routing, sensory profiles, and wellness tools, plus the stress formula in LaTeX How we built it: Tech stack table + key architectural decisions Challenges: Hotspot geometry, speed/calm balance, performance, and accessibility trade-offs Accomplishments: Functional routing, holistic wellness, true accessibility, transparent scoring, and offline-first design What we learned: Insights about sensory accessibility, GeoJSON APIs, UX for anxious users, and privacy-first design What's next: Live noise data, community verification, mobile apps, voice guidance, and global expansion

Built With

• api/hotspots
• css-frameworks/libraries:-next.js-(app-router)
• javascript
• languages:-typescript
• leaflet-+-react-leaflet-platform/hosting:-vercel-(deployment)-cloud/db:-supabase-(postgres-via-@supabase/supabase-js)-apis:-openrouteservice-directions-api-(routing)
• next.js-api-routes-(/api/route
• react
• tailwind-css