Skip to content

Latest commit

 

History

History
26 lines (20 loc) · 1.47 KB

README.md

File metadata and controls

26 lines (20 loc) · 1.47 KB

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

Zrzut ekranu 2021-07-29 o 15 38 50

Mobile view

Zrzut ekranu 2021-07-29 o 15 41 02

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