Weather App built with React and Styled Components

React Weather

Weather App built with React. Live Demo

Tech Stack

React, Typescript, Redux, StyledComponents

Features

  • Weather forecast for any city or place
  • Extended 7 days forecast
  • Find user location weather by utilizing GeolocationAPI
  • One-click Celcius to Fahrenheit conversion and vice versa
  • Dark Mode

Getting Started

First you need an API key from OpenWeatherMap, you can get one by creating an account on their website. After you got your API key, create a .env file at root directory of project, copy the line below to the file and replace YOUR_KEY with your OpenWeatherMap API Key.

REACT_APP_WEATHER_API_KEY=YOUR_KEY

Finally clone this repository, install dependencies and run the local server

git clone https://github.com/esnz/reactweather.git

cd reactweather
npm install
npm start

Credits

OpenWeatherMap (Weather data API)

Algolia Places (Place suggestion API)

Icons8.com (Weather icons)

GitHub

View Github