R50 848f4c493cb7ec1b7b89066841fc6d94
Frontend-разработчик

Интернет-магазин Wine

Добавлено 23 ноя 2022 в 15:33
Ссылка на проект:
https://word1ess.github.io/Wine/


На данный момент, самый насыщенный js-кодом сайт. В нем я реализовал методы рендера каталога товаров, как будто бы данные о товаре приходят с сервера, я принимаю их и вывожу на страницу.

Реализовал корзину с товарами, раз это интернет-магазин, товары в неё добавляются через вкладку «Каталог». Пользователь нажимает на кнопку “Добавить в корзину”, обновляется счетчик над корзиной, в неё же попадает именно тот товар, который выбрал пользователь. И уже внутри корзины, можно выбрать количество товара. Чтобы удалить товар из корзины – нужно вернуться в «Каталог» и нажать на кнопку “Убрать из корзины”

Чтобы перемещаться между вкладками под header-ом есть навигация с вкладками «Главная», «Каталог», «Контакты».

Верстка самого сайта сделана по БЭМ, с использованием scss, есть семантическая верстка. Сделал кастомный скролл. Есть адаптивная верстка от 2560 до 350 пикселов

01149615d5