Weather dashboard pc 0237

Weather Dashboard

Scroll down to copy the prompt

Text Updated 1 min read by prompts.chat · @f
Advertisement

The prompt

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.

Open in

The prompt is copied to your clipboard — just paste it in.

Tags

Advertisement

More like this

Related prompts

Ethereum Developer

Copy this Ethereum Developer AI prompt to get a focused coding response from ChatGPT, Gemini, Claude, or another AI assistant.

Linux Terminal

Copy this Linux Terminal AI prompt to get a focused coding response from ChatGPT, Gemini, Claude, or another AI assistant.

JavaScript Console

Copy this JavaScript Console AI prompt to get a focused coding response from ChatGPT, Gemini, Claude, or another AI assistant.