Weather Dashboard is a modern, futuristic weather application that provides users with current weather conditions, key environmental metrics, and comprehensive weather data. It features a sleek gradient design, responsive layout, and advanced theme switching capabilities. Key features include:
- Current Weather: Displays temperature, 'feels like', humidity, and wind speed.
- Environmental Metrics: Dedicated cards for Air Quality Index (AQI), Humidity, Atmospheric Pressure, Sunrise/Sunset times, and Visibility.
- Advanced Theming: Switch between Light, Dark, and several custom gradient themes such as Sunrise, Forest, Ocean, and Aurora.
- City Search: Search for weather data in any city worldwide.
- Responsive Design: Optimized for seamless viewing across all devices including mobile, tablet, and desktop.
- Futuristic UI: Inspired by modern design aesthetics with vibrant gradients and subtle animations.
- Loading Animation: Engaging 5-second loading animation on initial load.
- Default Location: Automatically loads London weather on startup.
The application is built using Next.js and React, with TypeScript for type safety and Tailwind CSS for rapid and responsive styling. It utilizes the OpenWeatherMap API for fetching current weather and air pollution data. The UI components are powered by shadcn/ui and Lucide React for beautiful and consistent icons. Theme management is handled by next-themes.