Klimate is a sleek and responsive weather dashboard built using modern React tooling. It displays current weather, forecasts, and more — all styled beautifully with shadcn/ui.
| Tool | Usage |
|---|---|
| ⚛️ React | Frontend framework |
| 🧠 TanStack Query | Data fetching & caching |
| 💅 shadcn/ui + Tailwind CSS | UI components & styling |
| 🗺️ OpenWeather API | Weather & forecast data |
| 🌍 [Reverse Geocoding API](e.g. Nominatim or similar) | Convert lat/lng to location name |
| 📦 Vite | Fast bundler & dev server |
| 🧪 TypeScript | For type safety and cleaner code |
- Real-time weather data by geolocation
- Location-based reverse geocoding
- Hourly & 7-day forecast display
- Light/dark mode (via
next-themes) - Clean toast notifications (Sonner)
- "Enable Location" error handling
- Responsive layout with mobile-first UI
- Roadside Coder YouTube Tutorial
- shadcn/ui
- TanStack Query
- OpenWeather API