DEV Community

Discussion on: What was your win this week?

Collapse
 
ehsan profile image
Ehsan Azizi • Edited

I made a weather app with React and Typescript
Here is the Live Demo

GitHub logo esnz / reactweather

Weather App built with React

ReactWeather

Weather App built with React. Live Demo

Tech Stack

React, Typescript, Redux, StyledComponents

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, 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)

Teleport Public APIs (Place suggestion API)

Icons8.com (Weather icons)