AeroTools
Home AI Prompts Weather Dashboard

Weather Dashboard

chatgpt • development • 16 uses
Free
What is this prompt for?

Sets the model up as a reviewing engineer: it reads the code, explains what it does, and proposes changes you can apply.

What it actually does: Build a comprehensive weather dashboard using HTML5, CSS3, JavaScript and the OpenWeatherMap API.

Main use cases:
  • Writing automated tests that cover the edge cases
  • Reviewing pull requests with practical suggestions
  • Generating clean, readable code
Benefits and results:
  • Less time spent on review inside the team
  • Clearer documentation, so the project stays maintainable
  • Faster development and higher output
Prompt length: 122 words Reading time: ~1 min Best with: Claude Sonnet (recommended for code), GPT-4o, GitHub Copilot

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.

Related Prompts

AeroTools

AeroAssistant

Online AI
Hello! I am your official AeroTools AI Assistant. How can I help you use our tools today?