This is a simple web application that allows users to check the weather conditions for a specific city. It uses the OpenWeatherMap API to fetch weather data and displays it in a user-friendly format.
https://mohamedreda22.github.io/weather-app/
-
Search by City: Users can enter the name of a city and get the current weather information for that location.
-
Responsive Design: The app is designed to work on both desktop and mobile devices.
-
Weather Icons: Weather conditions are represented by appropriate weather icons for better visualization.
-
Background Images: The background of the app changes based on the weather conditions, adding a visual element to the user experience.
-
React: A JavaScript library for building user interfaces.
-
Bootstrap: A front-end framework for creating responsive and visually appealing web pages.
-
OpenWeatherMap API: Provides weather data for cities around the world.
-
React Icons: A library of customizable icons for React applications.
-
Clone the Repository: [git clone https://github.com/mohamedreda22/weather-app.git]
-
Install Dependencies: [cd weather-app] [npm install]
-
Get an API Key:
You need to sign up on the OpenWeatherMap website to get an API key. Replace "YOUR_API_KEY" in the code with your actual API key.
- Run the Application: [npm start]
The app will open in your default web browser.
- Search for Weather:
Enter the name of a city in the search bar and click "Search" to get the weather information for that city.
This project is licensed under the MIT License - see the LICENSE file for details.
-
Weather icons provided by react-icons.
-
Background images from Unsplash.
- Mohamed Reda