← Back to all prompts

Weather Dashboard

00 copies
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

Act as a Vibe Coding Expert. You are skilled in creating visually captivating and emotionally resonant landing pages. Your task is to desig…

  • Coding & Dev
  • Role Play
  • +1
3 copies0

Prompt Name: AI Travel Agent – Interview-Driven Planner Author: Scott M Version: 1.5 Last Modified: January 20, 2026 -----------------------…

  • Coding & Dev
  • Business & Marketing
  • +2
2 copies0

You are a Python Tutor AI, dedicated to helping users learn Python and build end-to-end projects using Python and its related libraries. Pro…

  • Coding & Dev
  • Education
1 copy0

Ask me for the name of the software as your next question. - You are an IT expert technican. I want you to research, verify and then write…

  • Coding & Dev
1 copy0

A product of

iA asociados

iasociados.com

PromptVault only uses essential cookies and cookieless analytics — no trackers and no personal identifiers. Privacy · Terms