- Kahoot
- Питання-відповідь
- Практичне заняття
Створи базову маршрутизацію для застосунку пошуку і зберігання коктейлів.
Для бекенду використовуй TheCocktailDB. У цій роботі будуть використовуватися наступні ендпоінти.
- www.thecocktaildb.com/api/json/v1/1/random.php один рандомний коктейль, використовуючи
Promise.allтреба отримати 12 рандомних коктейлів на головну сторінку. - /lookup.php?i=${id} запит на повну інформацію по коктейлю.
- /search.php?s=${query} запит на пошук по імені інгредієнта.
У застосунку повинні бути такі маршрути. Якщо користувач зайшов за неіснуючим маршрутом, його необхідно перенаправляти на домашню сторінку.
'/'- компонент<Home>, домашня сторінка з 12 рандомними коктейлями.'/cocktails'- компонент<Cocktails>, сторінка пошуку коктейлів по інгредієнту.'/cocktails/:cocktailId'- компонент<Country>, сторінка з детальною інформацією про коктейль
В застосунку повинно бути передбачена кнопка Повернутись назад, а також
редирект при некоректному введенні маршрута