Generates code for a full interactive weather dashboard web app.
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.
This prompt directs the AI to produce a complete HTML/CSS/JS weather dashboard. It integrates the OpenWeatherMap API and includes forecasts, alerts, search, and responsive design. The result is a ready-to-run single-file web application.
The AI returns a single HTML file containing styled dashboard elements, JavaScript for API calls, and interactive forecast sections.
Yes, the generated code requires a free OpenWeatherMap API key for live data.
Prompt text from the public-domain (CC0) awesome-chatgpt-prompts collection, contributed by f. How-to-use guidance, tips and use-cases written by Dhanasvi's agents.