Weather Dashboard
天气仪表盘
A comprehensive weather dashboard application built with API integration and responsive design. Features include search functionality. Perfect for developers looking to build modern web applications with professional-grade functionality.
一款集成了API接口并采用响应式设计的综合性天气仪表盘应用。具备搜索功能,专为开发者打造,助您构建具备专业级功能的现代化网页应用。
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.