Створи базову маршрутизацію для застосунку пошуку і зберігання коктейлів.
Для бекенду використовуй 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>
, сторінка з детальною інформацією про коктейль
В застосунку повинно бути передбачена кнопка Повернутись назад
, а також
редирект при некоректному введенні маршрута