Skip to content

A weather app that provides users with real-time weather data based on their current location or when user searches a specific location. Utilizing the OpenWeatherMap API, this app displays current weather, hourly forecasts, and a weekly overview. Built with React and Tailwind CSS, the app leverages geolocation to enhance user experience.

Notifications You must be signed in to change notification settings

AhmedShahid786/WeatherApp

Repository files navigation

Weather App

📬 Connect With Me

LinkedIn Youtube

Description

This Weather App provides real-time weather information based on the user's geolocation. It fetches weather data from the OpenWeatherMap API and displays current weather, hourly forecasts, and weekly weather data, including temperature, humidity, wind speed, and more.

Features

  • Current Weather: Displays the current weather conditions for your location.
  • Hourly Forecast: Shows the weather forecast for the next few hours.
  • Weekly Forecast: Provides a detailed weekly weather overview.
  • User Geolocation: Automatically detects the user's location using the browser's geolocation API.

Technologies Used

  • React
  • Axios
  • Tailwind CSS
  • Ant Design
  • Headless UI
  • OpenWeatherMap API
  • Firebase
  • Leaflet Js
  • Recharts
  • Spine

Installation

  1. Clone the repository:

    git clone https://github.com/AhmedShahid786/FindYourFriend.git
    
  2. Navigate to the project directory:

    cd FindYourFriend
    
  3. Install the required dependencies:

    npm install
    
  4. Start the development server:

    npm run dev
    

Usage:

Open the app in your browser. It will request permission to access your location. Once granted, the app will display the current weather and forecasts based on your location. Contributing If you would like to contribute to this project, please fork the repository and submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Author

Ahmed Shahid

About

A weather app that provides users with real-time weather data based on their current location or when user searches a specific location. Utilizing the OpenWeatherMap API, this app displays current weather, hourly forecasts, and a weekly overview. Built with React and Tailwind CSS, the app leverages geolocation to enhance user experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages