A simple weather application that fetches real-time weather data for any city using the OpenWeatherMap API. The app provides temperature, humidity, and weather descriptions while dynamically updating the UI with relevant weather images.
- 🌍 Search any city to get live weather updates.
- 🌡️ Displays temperature, min/max temperature, humidity, and weather description.
- 🖼️ Dynamic weather images based on weather conditions.
- ⚡ Fast and responsive UI using Material-UI and React.
- React.js (with functional components & hooks)
- Material-UI (for UI components)
- OpenWeatherMap API (for fetching weather data)
- Unsplash API (for fetching dynamic weather images)
-
Clone the repository:
git clone https://github.com/amitrajstm/WeatherApp.git cd weather-app
-
Install dependencies:
npm install
-
Create a
.env
file in the root directory and add your OpenWeatherMap API key:API_KEY = import.meta.env.<VITE_your_api_key_here>
-
Run the application:
npm start
- Enter the name of any city in the search box.
- Click the "Search" button.
- View the live weather details and an image representing the weather.
- 🌍 Geo-location support to fetch weather for the user's location.
- 📅 5-day weather forecast.
- 🎨 More animated UI improvements.
- 🌐 Multi-language support.
Contributions are welcome! Feel free to submit a PR or open an issue.
This project is licensed under the .... License.
Happy Coding! 😊