Shri adaptive layout

Решение

Демо сайт

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

Инструменты

• Gulp - task-runner для всего проекта
• Pug - шаблонизатор, используется для написания отдельных компонент, которые легко переиспользовать в разных частях проекта.
• SCSS - используется для удобной работы со стилями для каждой отдельной компоненты
• Svg-symbols - для внедрения svg в верстку проекта

Собранный проект расположен в папке

/public

Исходники проекта расположены в папке

/src
 /components
 /features
 /icons
 /layout
 /pages
  /styles

• Папка components, содержит компоненты которые реализуют минимальную функционалость и используются в разных частях приложения
• Папка features, содержит модули, который предствляют из себя функциональный компоненты, у который есть своя логика
• Папка icons используется для сборки svg-иконок с помощью svg-symbols.
• Папка images для картинок, которые можно использовать в проекте как статику.
• Папка pages содержит верстку для страницы сайта и .js файл для инициализации скриптов
• Папка styles основные стили, переменные и миксины

Запуск

npm install
npm start