SuryaPratap2542 / Weather-React-App

A simple React web app that allows users to check the weather for a specific city.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weather React Web App

image

A simple React web app that allows users to check the weather for a specific city.

Table of Contents

Features

  • Enter the name of a city to get its current weather information.
  • Displays temperature, humidity, wind speed, and weather icon.
  • Dynamic weather icon changes based on the weather conditions.

Installation

  1. Clone this repository to your local machine.
  2. Navigate to the project directory: cd weather-react-app
  3. Install dependencies: npm install

Usage

  1. Get your API key from OpenWeatherMap and replace 'YOUR_API_KEY' in WheatherApp.js with your actual API key.
  2. Run the app: npm start
  3. Open your browser and go to http://localhost:3000

API Key

This project uses the OpenWeatherMap API to fetch weather data. You'll need to sign up for a free API key on their website and replace 'YOUR_API_KEY' in the code with your actual API key.

Technologies Used

  • React
  • CSS
  • Fetch API

Contributing

Contributions are welcome! If you find any issues or have suggestions, feel free to open an issue or a pull request.

License

This project is licensed under the MIT License.

About

A simple React web app that allows users to check the weather for a specific city.


Languages

Language:JavaScript 41.9%Language:HTML 37.7%Language:CSS 20.4%