Weather App — это веб-приложение для просмотра текущей погоды, почасового прогноза и прогноза на 7 дней для любого города мира. Приложение использует открытые API и отображает данные с красивым и интерактивным интерфейсом.
- Поиск погоды по названию города.
- Отображение текущей температуры, состояния погоды, влажности, давления и скорости ветра.
- Почасовой прогноз на 12 часов с иконками и температурой.
- 7-дневный прогноз с максимальной и минимальной температурой и состоянием погоды.
- Красивый, адаптивный и современный интерфейс с плавными анимациями и эффектом размытия.
- Использование эмодзи для визуального отображения погодных условий.
- HTML5, CSS3, JavaScript (Vanilla JS), Figma
- Open-Meteo API — для погодных данных
- OpenStreetMap Nominatim API — для поиска координат города
- CSS Flexbox и Grid для адаптивного дизайна
- Эмодзи для визуализации погодных условий
weather-app/
│
├─ index.html # Главная страница
├─ style.css # Стили приложения
├─ script.js # Основная логика приложения
├─ rainfall_5035732.png # Иконка приложения (favicon)- Поиск города — поддерживает любые города мира.
- Текущая погода — температура, ощущаемая температура, описание погоды, скорость ветра, влажность, давление.
- Почасовой прогноз — визуальное отображение на 12 часов вперед.
- Прогноз на 7 дней — высокая и низкая температура, описание состояния погоды.
- Адаптивный интерфейс — корректное отображение на мобильных устройствах и десктопах.
- Эмодзи для погоды — визуально отображает погоду (☀️, 🌤, 🌧, ❄️, ⛈).
- Откройте приложение.
- Введите город, например:
Bishkek. - Получите текущую погоду, почасовой и недельный прогноз.
- Пролистывайте почасовой прогноз или просматривайте прогноз на 7 дней.
