Адаптивний веб-додаток погоди (Weather App)

Сучасний, повністю адаптивний односторінковий веб-додаток (SPA) для відстеження погоди в будь-якій точці світу в реальному часі.

Проєкт пройшов повний цикл глибокого рефакторингу логіки та редизайну UI/UX інтерфейсу.

Що було реалізовано та оптимізовано:
1. Інтеграція двох сторонніх API: Geocoding API від Open-Meteo (для пошуку точних координат за назвою міста) та сервісу wttr.in (для отримання детальних метеорологічних даних у форматі JSON).
2. Динамічна зміна інтерфейсу: фонові зображення лівої панелі та іконки (FontAwesome) автоматично адаптуються під поточний стан погоди (ясно, хмарно, дощ, гроза, мінлива погода).
3. Стійкість логіки до помилок (Error Tolerance): реалізовано дефолтний стан (Variable) на випадок отримання нестандартних метеорологічних кодів або помилок мережі.
4. UX-оптимізація: додано блокування елементів інтерфейсу (input/button) та анімацію завантаження під час виконання асинхронного запиту для запобігання спаму таймаутів. Пошук працює як за кліком, так і за натисканням клавіші Enter.
5. Преміальний UI-дизайн: ефект матового скла (Glassmorphic Backdrop Filter), плавні кастомні CSS-анімації з використанням cubic-bezier, кастомна іконка вкладки (Favicon у форматі SVG).
6. Кросбраузерна адаптивність (Media Queries): інтерфейс повністю перебудовується під мобільні пристрої. Реалізовано складні перевірки на тип указника пристрою (media з pointer: coarse/fine), що дозволило заблокувати непотрібний мобільний скролл, зберігши ідеальне відображення на ПК при масштабуванні.

Стек технологій: #HTML5, #CSS3, #JavaScript (ES6+, Async/Await, Fetch API), #Geocoding, #UI_UX, #Responsive

Буду радий розробити для вас сучасний, швидкий та інтерактивний інтерфейс!