https://github.com/oleg-kuzmin/colors

E-commerce сайт на Webpack и Pug для desktop и mobile - продажа красок.
https://github.com/oleg-kuzmin/colors

api bem-methodology flexbox-css js perfect-pixel pug scss webpack

Last synced: about 1 month ago
JSON representation

E-commerce сайт на Webpack и Pug для desktop и mobile - продажа красок.

• Host: GitHub
• URL: https://github.com/oleg-kuzmin/colors
• Owner: oleg-kuzmin
• Created: 2024-11-12T20:12:52.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-12-18T09:34:03.000Z (about 1 month ago)
• Last Synced: 2024-12-18T09:38:04.058Z (about 1 month ago)
• Topics: api, bem-methodology, flexbox-css, js, perfect-pixel, pug, scss, webpack
• Language: SCSS
• Homepage: https://oleg-kuzmin.github.io/colors/
• Size: 6.75 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Colors (Интернет-магазин)

E-commerce сайт на Webpack и Pug для desktop и mobile - продажа красок. Стороннее api (mock.api) для получения базы данных.

## Функционал

- Слайдер

- Фильтрация по типам товаров

- Сортировка по убыванию и возрастанию цены

- Добавление товара в корзину

- Открытие и закрытие модального окна с корзиной

- Изменение количества товаров в корзине

- Расчет стоимости товаров в корзине

- Удаление товара из корзины

## Технологии

- Семантическая структура html.

- Адаптивная верстка Perfect Pixel по макету Figma.

- Структура файлов, наименование классов в стиле BEM.

- Препроцессор Sass.

- Используется Flex.

- Логика на ванильном JS + библиотека Swiper.

- Загрузка данных с сайта mockapi.io.

## Ссылки

- [Макет Figma](https://www.figma.com/file/qMhAdsVAsaAkfotB13sO8W)

- [Github Pages](https://oleg-kuzmin.github.io/colors/)