By Amna Ashraf
A responsive weather application built using React.
It allows users to view current and forecasted weather data with an engaging UI, clear metrics, and interactive features.
- Search for weather information by entering a location in the search bar.
- View current weather conditions including temperature, weather icon, and location details.
- Additional metrics like “Feels like” temperature, humidity, wind speed, and precipitation.
- 7-day forecast with daily high/low temperatures and weather icons.
- Hourly forecast showing temperature changes throughout the day.
- Switch between days using the day selector in the hourly forecast section.
- Toggle units between Imperial and Metric via the units dropdown.
- Responsive layout optimized for all screen sizes.
- Hover and focus states for all interactive elements.
- Clean, modern interface with consistent styling.
- Smooth animations using AOS (Animate on Scroll).
- Skeleton loaders provide a pleasant loading experience.
This project showcases my ability to build real-world React applications with a focus on user experience and clean design.
I’m excited to share it with the hackathon team!