This Weather App is a simple React application that allows users to input a city name and retrieve the current weather data using the OpenWeather API. It also displays a list of search history for the previously searched cities.
- User-friendly interface for entering the city name and searching for weather data.
- Real-time data retrieval from the OpenWeather API for the current weather conditions.
- Display of temperature, weather icon, humidity, and other relevant weather information.
- Search history functionality that saves the previously searched cities.
- Ability to delete individual search history items.
Check out the live demo of the Weather App here.
To run the Weather App locally, follow these steps:
- Clone the repository to your local machine:
git clone https://github.com/ycluis/react-weather-app.git
- Navigate to the project directory:
cd react-weather-app
- Install the dependencies:
npm install
-
Obtain an API key from OpenWeather API by signing up on their website: https://openweathermap.org/api
-
Rename the
.env.sample
to.env
in the root of the project and add your API key:
REACT_APP_API_KEY=your_openweather_api_key
- Start the development server:
npm start
- The application will be running at
http://localhost:3000
.