Weather App

Overview

This is a React app that uses the OpenWeather API.

OpenWeather API

1. Apply for a free OpenWeather API key.
2. Create a config.js file, to place key data.
3. Place config.js in .gitignore
4. Import the API_KEY from config.js
5. Within the Forecast component, place the API_KEY in the fetch request.

Note: Adding Custom Environment Variables

Features implemented

• Real-time weather lookup by city
• 5-day weather forecast displaying weather icon, high/low temperature, humidity, wind speed, etc.
• Responsive design using Ant Design Library

Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.