Comprehensive Weather Dashboard
Build a fully featured weather dashboard using HTML5, CSS3, JavaScript, and the OpenWeatherMap API, providing real-time weather forecasts and detailed analytics.
Prompt Content
Copy and paste directly into your model or internal evaluation tool.
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.
Use Cases
Reference Output
No standard answer available; manual review by scoring dimensions is recommended.
Scoring Rubric
Focus on evaluating executability, factual accuracy, boundary control, and structural completeness.
Try & save
Fill variables and copy, or save as a personal template.
This template has no variables and is ready to copy.
User Rating
0 ratingsYour rating
Log in to rate
Comments
0Log in to comment
Related Prompts
Investment Tracking Dashboard
Develop a comprehensive investment tracking dashboard application using React and JavaScript, showcasing portfolio performance, asset allocation, and investment growth, supporting stocks, bonds, and mutual funds with data visualization tools.
Website Creation Command
Act as a website development consultant to guide users in creating a website similar to a specified one, with step-by-step instructions and best practices.
MQL5 Flexible Trade Management Pro
Design a powerful MQL5 code for flexible trade management on the chart, capturing profits and eliminating losing trades with precise calculations to protect the account.
Surprise Point-and-Click Game Generator
Ask the model to design or implement a point-and-click game based on AI choices and make the result surprising.