Skip to content

Latest commit

 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

🌦️ Weather Forecast Website

📌 Project Overview

  • Interactive weather dashboard to view city-wise weather reports
  • Allows users to search and select any city
  • Displays real-time and forecasted weather data in a clean UI
  • Focuses on clarity, visualization, and usability

🛠️ Tech Stack

  • HTML
  • CSS
  • JavaScript
  • Canvas (used for temperature graph visualization)

✨ Features

  • City search and selection
  • Current temperature and weather condition display
  • Hourly temperature forecast shown in graph format
  • Wind speed information
  • Humidity level indicator
  • Precipitation details
  • Chance of rain percentage
  • UV index status
  • “Feels like” temperature display
  • Weekly weather forecast with temperature and rain chances
  • Time-based weather tracking

📊 Data Visualization

  • Hourly temperature graph rendered using HTML Canvas
  • Visual comparison of temperature changes throughout the day
  • Clear and readable chart layout

🎨 UI & Design

  • Modern dashboard-style layout
  • Weather data displayed using cards and icons
  • Clean, dark-themed interface
  • Easy-to-read and user-friendly design

🔮 Future Enhancements

  • Live weather API integration
  • Auto-detect user location
  • Dark and light mode toggle
  • Fully responsive mobile design
  • Weather alerts and notifications

👨‍💻 Author

Shubham Kumar
MERN Developer

About

The Weather Forecast Website lets users search cities to view temperature, hourly weather graphs, wind speed, rain chance, UV index, and weekly forecasts using a clean dashboard UI.

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages