Key Features:
• Smart Search & Geolocation: Automatically detects user location on load using the Geolocation API, with manual search powered by Redux Toolkit for city-based weather data.
• Localization & Tone Customization: Integrated with next-Intl for multilingual support. Users can switch between multiple "personality tones" (e.g., funny, professional, poetic) for weather reports.2025
• Interactive Map View: Built with React Leaflet, includes custom animated weather markers, search-by-city. Dark/light theme supported.
• Weather Data Visualizations: Charts created with Recharts visualize temperature trends and forecast breakdowns.
?• LocalStorage Persistence: Remembers user preferences, search history, and selected tones for seamless experience across sessions. ?• Modular, Scalable Architecture: Follows a hybrid feature-
based/component-based structure for maintainability and scalability in larger apps.
Frontend•: Next.js 15, React, Tailwind CSS, TypeScript
State Management•: Redux Toolkit
Animations•: Framer Motion
APIs•OpenWeather, Geolocation API
Maps•: React Leaflet
Charts•: Recharts
Localization•: next-intl
Redux Toolkit• for robust state management. The app leverages the
OpenWeather API to provide real-time weather updates, including automatic location detection and advanced user personalization features.