react-weather-app

This website gives you an opportunity to search for a weather wherever you want. You just need to enter a city name. You are also capable of storing your favorite cities. Local Storage ensures that every time you refresh the page you'll have your favorite ones saved.

Preview

Tablet/Desktop view

Mobile view

Technologies used to built this project

• HTML5
• CSS3 with its preprocessor Sass
• React with Context API

How to run this project

1. Download the project files
2. cd in your terminal to the directory where you put the files
3. Run command npm install to install all dependencies
4. Make sure you change API key to yours in WeatherContext.js and ForecastContext.js. You can get it from https://openweathermap.org/
   Current weather URL: https://api.openweathermap.org/data/2.5/weather?q=
   5-day Forecast URL: https://api.openweathermap.org/data/2.5/forecast?q=
   
5. Run Command npm start and open your browser with localhost:3000

Live: https://my-react-weather-app-project.netlify.app/