- Look this page >> https://picture.nikitalieonov.repl.co/ <<
Необходимо сверстать макет страницы интернет-магазина из figma
Требования к приложению - реализовать следущий функционал:
-
Строка поиска При ввода текста в строке поиска должен происходить поиск по названиям позиций. Лишние карточки должны исчезать/скрываться.
-
Кнопка "купить" При нажатии на кнопку:
- она должна менять состояние, на 2 сек, на "обрабатывается"
- после "обрабатывается" переходить в состояние "в корзине" Отображение состояний визуально оформить, напр. "preloader icon", "purchase icon", "checked icon", и т.п. Дизайн/стиль продумать самостоятельно.
-
Сохранение состояния позиций После перезагрузки страницы, состояния позиций (в корзине он или нет) должно сохраняться.
-
Подробное описание похиции При клике на название/изображение товара должна открывается модальное окно с карточкой товара. В карточке должны быть:
- краткое описание позиции
- цена
- слайдер, содержащий 2-4 изображения
- download files
- open proj
- terminal: npm i
- terminal: npm run dev