Frostwave is a sleek, modern weather web app that delivers real-time weather updates with AI-generated summaries and an integrated music experience. Designed with an elegant UI using shadcn/ui, it offers a seamless experience for users who want both weather insights and background music.
- Fetches 3-day forecasts and real-time weather conditions.
- Uses Google Gemini AI to generate personalized weather summaries.
- Displays temperature, condition, and recommendations.
- Fetches music data from Firebase Hosting based on weather conditions.
- Plays ambient music or songs dynamically matched to the current weather.
- Search for locations using a debounced search bar.
- Add or remove locations from your favorites list (stored in cookies).
- Quick access to current location with geolocation support.
- Uses shadcn/ui for a clean, minimalist design.
- Animations with Framer Motion for smooth transitions.
- Supports light & dark modes.
- React (Frontend framework)
- shadcn/ui (UI components)
- Framer Motion (Animations)
- Lodash (Debounced search handling)
- Axios (API requests)
- Google Gemini API (AI-generated weather summaries)
- Firebase Hosting (Music data storage and retrieval)
- More detailed weather insights like humidity, wind speed, and air quality.
- User authentication to sync preferences across devices.
Stay tuned for more updates! 🎶🌤️