Ссылка на проект:
https://word1ess.github.io/Wine/
На данный момент, самый насыщенный js-кодом сайт. В нем я реализовал методы рендера каталога товаров, как будто бы данные о товаре приходят с сервера, я принимаю их и вывожу на страницу.
Реализовал корзину с товарами, раз это интернет-магазин, товары в неё добавляются через вкладку «Каталог». Пользователь нажимает на кнопку “Добавить в корзину”, обновляется счетчик над корзиной, в неё же попадает именно тот товар, который выбрал пользователь. И уже внутри корзины, можно выбрать количество товара. Чтобы удалить товар из корзины – нужно вернуться в «Каталог» и нажать на кнопку “Убрать из корзины”
Чтобы перемещаться между вкладками под header-ом есть навигация с вкладками «Главная», «Каталог», «Контакты».
Верстка самого сайта сделана по БЭМ, с использованием scss, есть семантическая верстка. Сделал кастомный скролл. Есть адаптивная верстка от 2560 до 350 пикселов