Skip to content

its-omayer/Weather-Dashboard

Repository files navigation

🌦️ Weather Dashboard

A real-time weather dashboard that provides location-based current weather, hourly trends, and multi-day forecasts with interactive data visualization.

📌 Features

  • 🌍 Auto-detect user location (Geolocation API)
  • 🔎 Manual city search fallback
  • 🌡️ Current weather details
    • Temperature
    • Weather condition
    • Humidity
    • Wind speed
    • Feels-like temperature
  • 📊 Hourly temperature chart (Chart.js)
  • 📅 5–7 day weather forecast
  • 🔁 Celsius / Fahrenheit unit toggle
  • ⏳ Loading & error handling states
  • 📱 Fully responsive design

🛠️ Tech Stack

  • JavaScript (ES6)
  • REST API (OpenWeatherMap / WeatherAPI)
  • Chart.js – data visualization
  • HTML5 & CSS3 (or Tailwind CSS)

🔌 APIs Used

  • Current Weather API
  • Forecast API

API key is required.

⚙️ Setup & Installation

  1. Clone the repository:
    git clone https://github.com/your-username/weather-dashboard.git
    cd weather-dashboard
    npm install && npm run dev

About

simple website that's shows weather using location or city search

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors