Weather Dashboard
Build a comprehensive weather dashboard
Content
Build a comprehensive weather dashboard using HTML5, CSS3, JavaScript and the OpenWeatherMap API. Create a visually appealing interface showing current weather conditions with appropriate icons and background changes based on weather/time of day. Display a detailed 5-day forecast with expandable hourly breakdown for each day. Implement location search with autocomplete and history, supporting both city names and coordinates. Add geolocation support to automatically detect user's location. Include toggles for temperature units (°C/°F) and time formats. Display severe weather alerts with priority highlighting. Show detailed meteorological data including wind speed/direction, humidity, pressure, UV index, and air quality when available. Include sunrise/sunset times with visual indicators. Create a fully responsive layout using CSS Grid that adapts to all device sizes with appropriate information density.
Related Prompts
Gemi-Gotchi
Gemi-Gotchi is a mobile-first virtual pet powered by Gemini 2.5 Flash. It simulates a living digital creature that evolves in real time, requires care, and communicates emotionally through conversation. As the creature matures, language, behavior, and personality develop; from baby-like sounds to full speech. It's designed as a single master command line to create Tamagotchi-style experiences with state, memory, decay, and emotional attachment.
Real-Time Multiplayer Defense Game
Create an engaging multiplayer defense game inspired by forntwars.io, focusing on real-time strategy and resource management.
Meditation Timer
Build a mindfulness meditation timer
3D Space Explorer
Build an immersive 3D space exploration game