Weather App - React Project

Overview

A simple weather application built with React that allows users to search for current weather conditions in any city worldwide. The app displays temperature, humidity, wind speed, and location with corresponding weather icons.

Features

• Real-time weather data from OpenWeatherMap API
• Search functionality for any city
• Dynamic weather icons based on conditions
• Responsive design
• Displays:
  • Current temperature (°C)
  • Humidity percentage
  • Wind speed (km/h)
  • Location name

Installation

1. Clone the repository:

   git clone https://github.com/your-username/weather-app.git

2. Navigate to the project directory:

   cd weather-app

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

API Configuration

The app uses OpenWeatherMap API. To use your own API key:

1. Get an API key from OpenWeatherMap
2. Replace the api_key variable in WeatherApp.js with your key:

   let api_key = "your-api-key-here";

Dependencies

• React
• React DOM
• CSS for styling

Assets

The app uses the following icons:

• Search icon
• Weather condition icons (clear, cloud, drizzle, rain, snow)
• Humidity icon
• Wind icon

Usage

1. Enter a city name in the search bar
2. Click the search icon or press Enter
3. View current weather conditions for the searched location

Project Structure

/src
  /Assets
    - weather icons
  /Components
    - WeatherApp.js
    - WeatherApp.css

License

This project is open source and available under the MIT License.

Future Improvements

• Add 5-day forecast
• Implement geolocation for automatic local weather
• Add temperature unit toggle (Celsius/Fahrenheit)
• Improve error handling for invalid city searches
• Add animated weather icons

Credits

Weather data provided by OpenWeatherMap