Есть страница сайта с разделом ввода данных для поиска билетов. И есть задания лабораторной по React - реализация виджета погоды.
Необходимо написать, выполнив условия лабораторной, и разместить этот виджет на странице. Поля ввода данных изменить/оформить в современном стиле используя HTML- и CSS-шаблоны оформления (Bootstrap или др. ), такие как сейчас не нравятся.
Логику работы виджета вижу так - пользователь заполняет поля "Откуда", "Куда". И получает информацию о погоде в данных городах (температура в цельсиях, облачность в виде значка). Будет ли погода автоматический отображаться по заполнению полей или добавить элемент (кнопку) управления (если клиент решит проверить погоду) смотрите сами (возможно это будет понятно из условий лабораторной). Место расположения виджета предлагайте.
Скрин части страницы прилагаю, задания лабы ниже. По времени 4-5 дней есть.
Задание лабы - необхідно реалізувати:
-- React-сторінку і набір компонент, що реалізують відображення віджета з погодою на кілька днів (або іншого за погодженням із викладачем);
-- асинхронне отримання даних (про погоду), що виконує AJAX-запит (за допомогою fetch чи XMLHttpRequest) на зовнішній сервер (в Інтернеті) та отримує від нього відповідь (наприклад, у форматі JSON);
-- блокування інтерфейсу користувача для унеможливлення кількох одночасних запитів (за допомогою приховування елементів UI чи/або відображення тимчасових елементів-заглушок, “лоадерів”/прогрес-барів);
-- обробку помилок комунікації із зовнішнім сервером (неправильних даних запиту, таймаутів тощо).
плюсом буде використання Geolocation API.
