CareerFlora
AI Tools & Prompts

Weather Dashboard Prompt

This is a ready-to-use Weather Dashboard Prompt for ChatGPT. Copy the prompt below, paste it into your AI tool and adjust it to your needs.

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.

How to use this prompt

  • Copy the full prompt and paste it into a new chat.
  • Add your own details after the prompt, if needed.
  • Ask follow-up questions to refine the result.

Written by S NAR

Career Expert & Researcher. Dedicated to bringing you the most authentic and verified updates on global scholarships, internships, and career opportunities to help you stay ahead.

Related Opportunities