Skip to content

PRASHANTKUMAR-7/weather-app-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

Overview

The Weather App is a simple and efficient application that provides real-time weather updates for any location. It fetches weather data from a reliable API and displays essential information such as temperature, humidity, wind speed, and weather conditions.

Features

  • Get real-time weather updates for any city
  • Displays temperature, humidity, wind speed, and weather conditions
  • Responsive and user-friendly UI
  • Search functionality to find weather details for different locations
  • Dark and light mode support (if implemented)

Technologies Used

  • Frontend: HTML, CSS, JavaScript (React/Vue/Vanilla JS)
  • API: OpenWeatherMap API / WeatherAPI
  • Styling: Tailwind CSS / Bootstrap / Custom CSS

Installation & Setup

Prerequisites

  • API key from OpenWeatherMap or another weather API provider

Steps

  1. Clone the repository:
    git clone https://github.com/yourusername/weather-app.git
    cd weather-app
  2. Open the project folder and create a .env file to store your API key:
    REACT_APP_WEATHER_API_KEY=your_api_key_here
  3. Open index.html in your browser (for Vanilla JS) or run:
    npm start  # if using React or Vue

Usage

  1. Enter a city name in the search bar.
  2. Click the search button to fetch weather details.
  3. View temperature, humidity, wind speed, and other weather conditions.

Future Enhancements

  • Implement a 5-day weather forecast feature
  • Add geolocation support for automatic location detection
  • Improve UI with animations and better styling
  • Include unit conversion (Celsius ↔ Fahrenheit)

Contributing

Contributions are welcome! Feel free to fork the repo, create a feature branch, and submit a pull request.

License

This project is licensed under the MIT License.

Contact

For any queries or suggestions, feel free to reach out:

About

A application based on react which tell us the weather report of any city.

Resources

License

Stars

1 star

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors