В задании требовалось сверстать страницы сайта отеля Toxin по предоставленному макету с использованием БЭМ, pug, scss, webpack, PixelPerfect, responsive, а также с использованием плагинов для интеравктивных элементов (календарь, слайдер).

Данный репозиторий является результатом выполнения задания, описанного выше.

Посмотреть реализованный сайт в работе можно на github pages. По ссылке открывается стартовая страница проекта со списком реализованных страниц: блок website - это страницы самого сайта, а блок ui-kit - это компоненты, из которых собирался сайт, реализованные по БЭМ методологии.

Разработка велась под последние версии Chrome и Firefox.

Все библиотеки и шрифты подключены локально.

• Клонирование репозитория:

  git clone https://github.com/Malluma/metalamp_02.git

• Запуск проекта с dev-server (для автообновления в браузере внесенных изменений):

  npm start (для завершения работы сервера нажать ctrl+c)

• Сборка проекта в режиме development:

  npm run dev

• Сборка проекта в режиме production:

  npm run prod

• Развертывание проекта (только production папки dist) в новую ветку gh-pages:

  npm run deploy

src/
    components/
      component-name/ -- отдельная папка для каждого компонента
          component-name.pug
          component-name.scss
          component-name.js
          Сomponent-name-class.js-- экземпляр данного класса соответствует экземпляру компонента на странице.
    pages/ 
      page-name/ -- отдельная папка для каждой страницы
        page-name.pug
        page-name.scss
        page-name.js
    page-layout/ -- шаблоны pug и scss для страниц
    styles/ -- файлы со шрифтами и переменными

• Webpack - для сборки и минификации файлов
• PUG - для создания шаблонов и переиспользования их на страницах сайта
• SCSS - для более удобного и читаемого css
• Babel - для использования последних стандартов JS и совместимости в браузерах

• jquery (v3.6.0)
• jquery-mask-plugin (v1.14.16)
• air-datepicker (v3.1.1)
• nouislider (v15.6.0)