React Weather App

Simple weather app using:

• React
• Typescript
• Redux toolkit for state management
• Styled components for styling
• Framer motion for animation

APIs used in this project

Weather data: Open weather api
Location data: GeoDB Cities

for local development

clone this repo git clone https://github.com/iskaa02/react-weather-app-2.0.0

run $ yarn to install all the dependencies get api keys from both the api used (both are free) Weather Api and the Location Api
then create .env file at the root directory of the project and put this inside of it REACT_APP_WEATHER_API = your weather api key REACT_APP_LOCATION_API = your location api key finally run $ yarn start to run the project locally

live demo

React weather app

Bugs

some issues with location api
the location api has some limtation, sometimes it take long time to respond, and i could not apply the auto completion for the search because api limit you to only 1 request per second, now i'm working on a simple node js server with cities data
you can find the JSON file containing the cities information here