https://github.com/yaroslavchuiko/react-weather
Simple weather forecast application built with TypeScript and React
https://github.com/yaroslavchuiko/react-weather
react react-router scss typescript webpack
Last synced: 3 months ago
JSON representation
Simple weather forecast application built with TypeScript and React
- Host: GitHub
- URL: https://github.com/yaroslavchuiko/react-weather
- Owner: YaroslavChuiko
- License: mit
- Created: 2022-06-13T07:13:33.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-12-07T16:46:48.000Z (over 3 years ago)
- Last Synced: 2025-06-23T05:44:14.347Z (about 1 year ago)
- Topics: react, react-router, scss, typescript, webpack
- Language: TypeScript
- Homepage:
- Size: 1.85 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
React-Weather
### Summary
React Weather is a simple weather app created using React, React Hooks, React Router, React Transition Group, Context API, and TypeScript. The Routes were setup for the default home page and dialogs pages. Also, the forecast was displayed using the OpenWeatherMap API and axios to fetch data.
### Motivation
The purpose of this project was to get familiar with React Hooks, Context API, React Router, React Transition Group, and TypeScript.
### Getting Started
Click the demo link or clone/download the repository on your local machine.
Open .env.local file in root directory. In .env.local file write
`REACT_APP_API_KEY = "YOUR_OPENWEATHERMAP_API_KEY";`
##### Install dependencies
`npm install`
##### Run React Weather from the root directory.
`npm run start`
### Built With
- React
- React Router
- React Hooks
- Context API
- React Transition Group
- OpenWeatherMap API
- TypeScript
### Preview
