Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

7 Commits
ย 
ย 
ย 
ย 
ย 
ย 

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

Watchers

Forks

Releases

Packages

Contributors

Languages