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.
- 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.
- 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.
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.
This project is licensed under the MIT License - see the LICENSE file for details.