https://github.com/oleg-kuzmin/colors
E-commerce сайт на Webpack и Pug для desktop и mobile - продажа красок. Стороннее api (mock.api) для получения базы данных.
https://github.com/oleg-kuzmin/colors
api bem-methodology flexbox-css js perfect-pixel pug scss webpack
Last synced: about 2 months ago
JSON representation
E-commerce сайт на Webpack и Pug для desktop и mobile - продажа красок. Стороннее api (mock.api) для получения базы данных.
- Host: GitHub
- URL: https://github.com/oleg-kuzmin/colors
- Owner: oleg-kuzmin
- Created: 2024-11-12T20:12:52.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-07T10:29:32.000Z (3 months ago)
- Last Synced: 2025-03-07T11:28:51.892Z (3 months 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 веб-приложение на JavaScript и Pug (Webpack) - магазин красок. Внешнее api (mock.api) для получения данных.
## Функционал
- Слайдер с отображением пагинации и стрелок.
- Фильтрация по типам товаров.
- Сортировка по убыванию и возрастанию цены.
- Добавление товара в корзину.
- Изменение количества товаров в корзине.
- Расчет стоимости товаров в корзине.
- Удаление товара из корзины.
- Открытие и закрытие модального окна с корзиной.
## Технологии
- Семантическая структура html.
- Шаблонизатор Pug.
- Адаптивная верстка Perfect Pixel по макету Figma.
- Структура файлов, наименование классов в стиле BEM.
- Препроцессор Sass.
- Логика взаимодействия на JavaScript + библиотека Swiper.
- Загрузка данных с внешнего api (mockapi.io).
## Ссылки
- [Api](https://mockapi.io)
- [Figma](https://www.figma.com/file/qMhAdsVAsaAkfotB13sO8W)
- [Github Pages](https://oleg-kuzmin.github.io/colors)