This Weather App is a simple web application built with React that allows users to check the current weather conditions for any city around the world. It provides real-time weather data such as temperature, humidity, wind speed, and weather conditions.
- Real-Time Weather Data: Fetches current weather data from the OpenWeatherMap API.
- Dynamic Background: Displays a background image corresponding to the current temperature range, providing a visual representation of the weather.
- User-Friendly Interface: Simple and intuitive interface for entering city names and viewing weather information.
- Responsive Design: Fully responsive layout that adapts to different screen sizes, making it accessible on desktop and mobile devices.
- React: Frontend JavaScript library for building user interfaces.
- OpenWeatherMap API: Provides weather data for integration into applications.
- CSS: Styling for the user interface.
- Git: Version control for tracking changes and collaborating with others.
- GitHub Pages: Hosting platform for deploying the app online.
- Enter the name of the city in the input field.
- Click on the "Search" button or press Enter to fetch weather data.
- View the current weather conditions displayed on the screen.
- Optionally, click the "Clear" button to reset the input field and clear weather data.
To run the Weather App locally:
- Clone this repository:
git clone https://github.com/yourusername/weather-app.git - Navigate to the project directory:
cd weather-app - Install dependencies:
npm install - Start the development server:
npm start - Open http://localhost:3000 in your browser.
Contributions are welcome! If you'd like to contribute to this project, please fork the repository and submit a pull request with your changes.
This project is licensed under the MIT License. See the LICENSE file for details.
- Weather data provided by OpenWeatherMap.
- Background images sourced from Freepik.