WeatherApp Tailwind Templates

Weatherapp

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.

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: ```bash git clone https://github.com/AhmedShahid786/FindYourFriend.git

  2. Navigate to the project directory: ```bash cd FindYourFriend

  3. Install the required dependencies:

    npm install
    
  4. Start the development server: ```bash
    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

Top categories

Loading Svelte Themes