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)