Weather App
Your daily forecast, delivered with elegance and simplicity.
About The Project
This project is a fully functional weather application that provides real-time weather data for any city in the world. The main goal was to create a clean, user-friendly interface that presents weather information clearly and beautifully, while also implementing both light and dark themes for user comfort.
Tech Stack
React
OpenWeatherMap API
CSS Modules
Axios
Geolocation API
Key Features
- Real-time weather data including temperature, humidity, and wind speed.
- 5-day forecast to help users plan their week.
- Search functionality for any city worldwide.
- "Use My Location" feature using the Geolocation API.
- Seamless light and dark mode switching.
Challenges & Solutions
A key challenge was managing asynchronous API calls and handling various loading and error states gracefully. To solve this, I implemented comprehensive state management using React Hooks (useState, useEffect) to track the API status (loading, success, error) and provide clear feedback to the user at every step.