giant-professional

byAksjs

Build a professional, modern, mobile-first prototype called HeatRoute Japan — Walk Cooler. Walk Smarter. Create a clean, premium navigation UI inspired by modern map apps. The core flow should be: Start location → Destination → Find Cooler Routes → Map → Compare Routes → Start Walking Show 3 real-looking route options: 🔴 Fastest — shortest walking time 🟡 Balanced — time + heat balance 🔵 Cool Route — more shade + lower heat exposure For each route show walking time, distance, heat score, shade %, wind and detour. Use realistic demo data but clearly label it as Demo/Estimated. Add: - Interactive map with 3 colored routes - Location search - Current weather card: temperature, feels-like, humidity, wind and UV - Heat exposure score - Shade estimation - Wind effect - "Why this route?" explanation - Cooling-stop markers - Smart recommendation that does NOT always choose the blue route - Start Walking button with simulated navigation - Smooth animations and loading states - Responsive mobile + desktop layout - Clean typography, rounded cards, subtle shadows and excellent spacing The app should feel like a real startup/appathon product, not a basic student project. Prioritize accuracy, simplicity, professional UI/UX and working interactions. Keep the code modular and structure it so real routing/weather APIs can be connected later. Do not fabricate live data. Clearly label anything simulated or estimated. Build the complete working prototype.