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