- Сделано
Добавлена логика с выбором молока и сиропов;
Добавлены клики на кнопки Coffee / Cold Drinks / Bakery чтобы страница плавно прокручивалась к нужной секции.
Добавлена логика в
navbar.jsx, чтобы можно было закрывать блок и предложением/информацией - Доделать
- Добавить анимации:
hover,opacity,scale; - Добавить логику, с добовлением товара в корзину и заказом
- Страница товара
Доделана страница до конца с блоком с заказом и футтером
Добавлены кнопки и незавершеная логика в
productData.jsи вProduct_Item.jsx - Доделать
- Доделать логику с выбором молока и сиропов;
- Добавить анимации:
hover,opacity,scale;
-
Переход на страницу товара При клике на карточку в меню пользователь переходит на отдельную страницу с информацией о товаре (название, описание, размеры, цена, аллергены).
-
Логика связанных товаров На основе тэгов к каждому товару показываются 3 рекомендации ("You’ll Love These Too").
-
Scroll to Top при переходе При переходе на страницу товара страница автоматически прокручивается вверх
ScrollToTop.jsx. -
Поддержка аллергенов и размеров Сделан гибкий вывод аллергенов через .map(), включая случаи с None, а также отображение размеров только если их больше одного.
-
Доделать
-
Добавить анимации:
hover,opacity,scale; -
Завершить страницу товара (кнопка заказа, order, footer).
-
Переход на страницу товара При клике на карточку меню пользователь попадает на отдельную страницу с описанием, размерами, ценой и аллергенами.
-
Система карточек меню
ДобавленproductData.js, где хранятся все данные о товарах. Используется.map()и.filter()для вывода карточек по категориям: Coffee, Cold Drinks, Bakery. -
Бейдж “NEW” на карточках
-
Доделать
-
Добавить анимации:
hover,opacity,scale; -
Завершить страницу товара (выбор размера, расчёт цены, кнопка заказа).
- Добовил базовую версию карты с точками на странице
Home.jsx - Сделал фундамент для страницы
Menu.jsx - Оживить страницу
Menu.jsx(Сделать hover, opacity, переходы, перемещение и тд)
- Сделал липким
navbar.jsxпри прокрутке странцы - Изменение фотографии карты на реальную движующуюся карту в центре Ниццы
- Нужно доработать ее точки расположения кофеен на крате
- Сделал полную версию страницы
Home.jsxдля Desktop, НО! - Нужно внести коррективы и доработать все блоки (цвет, текст, отступы и тд)
- Пересмотреть весь код на странице
- Сделать липким
navbar.jsx
- Сделал 2 станички под зеленым фоном
- Сделан главный зеленый блок
Home.jsxc navbar - Добавлена автопрокрутка ленты с кофе
- Настроена анимация с Tailwind
- Добавление
navbar.jsx - Импорт изображений для кофе
- Подключён шрифт Cabin Condensed