Проект выполнен по техническому заданию и критериям качества HTML Academy. Цель проекта - реализовать адаптивный сайт интернет-магазина (главная страница и страница формы заказа). Использована методология БЭМ, препроцессор Sass и сборка на Gulp. Интерактивность реализована с использованием Vanilla JS.

Структура проекта 📁

├── source/                     # Исходные файлы проекта
│   ├── favicons/               # Фавиконки
│   ├── fonts/                  # Шрифты
│   ├── icons/                  # SVG-иконки для сборки спрайта (stack)
│   ├── images/                 # Оптимизированные изображения
│   ├── scripts/                # Скрипты
│   │   └── index.js            # Главный JS-файл
│   ├── styles/                 # SCSS-файлы
│   │   ├── ...
│   │   └── styles.scss         # Основной файл с импортами
│   ├── vendor                  # Сторонние библиотеки
│   └── ***.html                # Страницы проекта
├── .editorconfig               # Настройки форматирования
├── .eslintrc                   # Правила ESLint
├── .gitignore                  # Игнорируемые файлы
├── .linthtmlrc                 # Правила LintHTML
├── .stylelintrc                # Правила stylelint
├── gulpfile.js                 # Конфигурация Gulp
├── package.json                # Зависимости и npm-скрипты
├── package-lock.json           # Зафиксированные версии зависимостей
└── README.md                   # Документация проекта

Установка

1. Клонируйте репозиторий:

  git clone https://github.com/SeregaGS/Berry.git

2. Установите зависимости проекта:

  npm install

3. Запустить проект в режиме разработки:

  npm start

4. Production-сборка:

  npm run build

Готовые страницы проекта 📄

Главная страница

Страница формы заказа