Coffee Shop

Интернет-магазин Кофе

Описание проекта

Многостраничная структура: Реализованы 3 полноценные страницы — Главная, Каталог товаров и Детальная страница товара.

Верстка оптимизирована под 4 контрольные точки (Break Points), обеспечивая корректное отображение на любых устройствах.

Современная раскладка: Сетки интерфейса построены с использованием современных стандартов Flexbox и CSS Grid.

Интерактивные элементы: На чистом JavaScript (Vanilla JS) реализованы выпадающее мобильное меню и интерактивный блок поиска.

Организация стилей: Использование препроцессора SASS/SCSS для модульной архитектуры стилей.

Автоматизация сборки: Процесс оптимизации ресурсов (минификация, компиляция) и локальной разработки настроен с помощью Gulp.

Готовый проект формируется в папку - build.

Перед сборкой и запуском проекта необходимо установить зависимости командой: npm i
Сборка для разработки с запуском локального сервера: npm start
Сборка "production" с запуском локального сервера: npm run prod
Сборка без запуска сервера (готовый проект для размещения на хостинге): npm run build