Інтерактивна погодна панель з OpenWeatherMap API
Опис
Повнофункціональна погодна панель
Цей промпт допоможе створити інтерактивний погодний дашборд з використанням HTML5, CSS3, JavaScript та OpenWeatherMap API. Інтерфейс автоматично змінює оформлення залежно від погоди та часу доби.
Для кого підходить
- Frontend-розробники, що вивчають роботу з API
- Студенти, які створюють портфоліо проєктів
- Розробники, зацікавлені в UX/UI дизайні
Ключові переваги
- Детальний прогноз: 5-денний прогноз з погодинним розшифруванням
- Розширений пошук: автодоповнення, історія пошуку, координати
- Геолокація: автоматичне визначення місцезнаходження користувача
- Метеодані: вітер, вологість, тиск, УФ-індекс, якість повітря
- Адаптивність: CSS Grid для всіх розмірів екранів
>_ Промпт
Створіть комплексну погодну панель за допомогою HTML5, CSS3, JavaScript та OpenWeatherMap API. Розробіть візуально привабливий інтерфейс, що показує поточні погодні умови з відповідними іконками та змінює фон залежно від погоди/часу доби. Відображайте детальний 5-денний прогноз з розгорнутим погодинним розбивкою для кожного дня. Реалізуйте пошук локації з автодоповненням та історією, підтримуючи назви міст та координати. Додайте підтримку геолокації для автоматичного визначення місцезнаходження користувача. Включіть перемикачі одиниць температури (°C/°F) та форматів часу. Відображайте попередження про небезпечну погоду з пріоритетним виділенням. Показуйте детальні метеорологічні дані: швидкість/напрямок вітру, вологість, тиск, УФ-індекс та якість повітря за наявності. Включіть час сходу/заходу сонця з візуальними індикаторами. Створіть повністю адаптивний макет на CSS Grid, що пристосовується до всіх розмірів пристроїв з відповідною щільністю інформації.