Skip to content

AnxiousLunch/Weather-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Website

A responsive and interactive weather website that provides a 10-day weather forecast, including hourly details such as temperature, wind speed, humidity, and more. Built using HTML and CSS, the website presents a user-friendly design, featuring smooth transitions, weather icons, and the ability to toggle between Celsius and Fahrenheit units.

Features

  • 10-Day Weather Forecast: Displays high and low temperatures for each day, along with weather icons.
  • Hourly Details: Expands to show hourly forecasts, including temperature, wind speed, humidity, and custom icons for weather conditions (e.g., sunny, cloudy, rainy, night).
  • Temperature Unit Toggle: Switch between Celsius and Fahrenheit with a smooth UI button toggle.
  • Favorite Day Marking: Allows users to favorite specific days with a simple star toggle.
  • Expandable Day Sections: Each day's forecast can expand to show more detailed hourly data.
  • Custom Weather Icons: Icons representing different weather conditions like sunny, cloudy, and moon phases for nighttime forecasts.
  • Responsive Design: Fully responsive layout that adapts to different screen sizes for a seamless experience on all devices.

Technologies Used

  • HTML5: The structural framework of the website.
  • CSS3: For styling the page, including transitions, flexbox layout, responsive design, and custom weather icons.
  • JavaScript: For handling interactive features like toggling between Celsius and Fahrenheit, expanding/collapsing details, and marking favorites.

Future Enhancements

Weather API Integration: Plan to integrate a live weather API (e.g., OpenWeather, WeatherAPI) to fetch real-time weather data. More Weather Conditions: Add more weather icons and support for a wider range of weather conditions (e.g., snow, thunderstorms). Dark Mode: Implement a dark mode toggle for better viewing at night.

License

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

About

A simple static weather website built using HTML and CSS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published