https://github.com/asm2212/afronex-task-2
Weather Web App built with React and CSS. This application provides users with real-time weather updates, allowing them to search for current weather conditions in any location
https://github.com/asm2212/afronex-task-2
css react
Last synced: 9 months ago
JSON representation
Weather Web App built with React and CSS. This application provides users with real-time weather updates, allowing them to search for current weather conditions in any location
- Host: GitHub
- URL: https://github.com/asm2212/afronex-task-2
- Owner: asm2212
- License: mit
- Created: 2024-04-05T05:32:18.000Z (over 2 years ago)
- Default Branch: X
- Last Pushed: 2024-04-23T04:00:15.000Z (about 2 years ago)
- Last Synced: 2024-12-06T16:15:01.807Z (over 1 year ago)
- Topics: css, react
- Language: JavaScript
- Homepage:
- Size: 2.41 MB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Weather Web App
# Overview
This is a simple weather web application built using React.js that allows users to view current weather conditions and forecasts for various locations. The app retrieves weather data from an external API and dynamically displays the results based on user input.
## Features
Current Weather Display: Shows current weather conditions including temperature, humidity, wind speed, and more.
Search Functionality: Enables users to search weather forecasts using city names or ZIP codes.
## Technologies Used
React.js,
CSS3
## Setup
Clone the repository to your local machine.
Install dependencies using npm install.
Start the development server using npm start.
Open your browser and navigate to http://localhost:3000 to view the app.
## API Integration
The app integrates with the OpenWeather API to fetch weather data.
You will need to sign up for an API key from OpenWeather and replace YOUR_API_KEY in weather.jsx with your actual API key.
## Usage
Enter a city name or ZIP code in the search bar and click the search icon to view weather forecasts for that location.
The app will display current weather conditions including temperature, humidity, wind speed, sunrise, sunset, and more.
Enjoy exploring weather forecasts for different locations!
## License
[MIT](https://choosealicense.com/licenses/mit/)