React Weather

Weather App built with React. Live Demo

Tech Stack

React, Typescript, Redux, StyledComponents


  • 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.


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

git clone

cd reactweather
npm install
npm start


OpenWeatherMap (Weather data API)

Algolia Places (Place suggestion API) (Weather icons)


View Github