- This is a single-page weather forecast application built using ReactJS. It allows users to enter a city name and view the current weather details as well as a 5-day forecast.
-
Clone the repository.
-
Run
npm install
to install dependencies. -
Create an account on OpenWeatherMap and obtain an API key.
-
Replace
YOUR_API_KEY
inApp.js
with your actual API key. -
Run
npm start
to start the development server. -
Open your browser and visit
http:https://localhost:3000
.#Features
-
Enter a city name and view the current weather details of the city, which includes:
- Current temperature
- Minimum and maximum temperature
- Humidity
- Wind speed and direction
- Description of the weather (e.g., clear sky, light rain, etc.)
- An appropriate icon reflecting the current weather
-
View a 5-day forecast for the selected city, displaying:
- Date
- Average temperature
- Description of the weather
- An appropriate weather icon
-
View these details in both Celsius and Fahrenheit. Include an option for the user to toggle between these units.
- A live demo of the application is available https://mirrarassisssment.netlify.app/.