Furniture

Учебный проект для портфолио соискателя на должность junior frontend developer.
Представляет собой интерфейс сайта магазина мебели.

---

Особенности разработки

1. Разметка выполнена согласно методологии БЭМ;
2. Применена адаптивная верстка;
3. Файлы стилей написаны с использованием препроцессора LESS;
4. Скрипты реализованы с соблюдением модульного подхода;
5. Разработка производилась при помощи таск-менеджера Gulp;
6. С целью улучшения производительности выполнено следующее:
   • минификация .сss и .js файлов;
   • сжатие изображений без потери качества;
   • предварительная загрузка шрифтов.
7. В процессе разработки производилась работа с GIT через консоль:
   • создание репозитория;
   • работа в отдельной ветке для каждой крупной задачи;
   • сохранение изменений в удаленном репозитории.

---

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

1. Сеточные элементы выполнены с иcпользованием grid-контейнеров;
2. В разметке использованы шаблоны для повторяющихся элементов;
3. Данные для карточек товаров внесены в соответствующие JSON-файлы;
4. Загрузка данных товаров происходит по fetch-запросу к удаленному
   хостингу с JSON-файлами;
5. Написаны скрипты для реализации следующего функционала:
   • навигация при помощи главного меню;
   • открытие/закрытие главного меню в мобильной версии;
   • слайдер для переключения между элементами раздела;
   • загрузка данных с удаленного хостинга и отрисовка карточек товаров на странице.

---

Сборка и запуск

1. Установить Node.js
2. Установить Gulp: npm install --global gulp-cli
3. Установить все необходимые пакеты (в корне проекта): npm i
4. Инициализировать сборку и запуск проекта: gulp

---