Skip to content

A very simple weather app, that allows you to choose a city and get the forecast for the next 5 days.

Notifications You must be signed in to change notification settings

SonuToor/React-WeatherApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

My take on a weather app. This obviously isn't the most original groundbreaking idea, but I used it as a bit of practice. I wanted to go from idea, to functioning app in the shortest amount of time. In the end this took about ~8 hours of coding time.

It is built using React, I used the Context API to store the weather data globally, which going forward will be helpful if I want to continue to build out the UI. I used the OpenWeatherMap API to get the weather information. For styling I used styled-components.

Get Started

In the project directory:

  1. npm / yarn install
  2. Get an API key from https://openweathermap.org/, created a .env file in the root directory and save the API key as REACT_APP_WEATHERAPIKEY. e.g REACT_APP_WEATHERAPIKEY=123456789
  3. npm / yarn start
  4. Open http://localhost:3000 to view it in the browser.

About

A very simple weather app, that allows you to choose a city and get the forecast for the next 5 days.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published