Hotel-Toxin

Hotel-Toxin - сайт, написанный по методологии БЭМ с компонентной архитектурой исходных файлов. Сборщиком проекта выступает Webpack, который отлично подходит под модульную верстку и разработку приложений.

Автор разработки приложения: Бахматов Денис

Project Links:

• Главная страница - https://denisbakh.github.io/Hotel-Toxin/dist/index.html

• Cтраница подбора номера по параметрам - https://denisbakh.github.io/Hotel-Toxin/dist/search.html

• Cтраница с описанием номера - https://denisbakh.github.io/Hotel-Toxin/dist/detail.html

• Страница регистрации и входа в лк - https://denisbakh.github.io/Hotel-Toxin/dist/registration.html

• UI-Kit Главная страница - https://denisbakh.github.io/Hotel-Toxin/dist/ui_index.html

• UI-Kit страница цветов - https://denisbakh.github.io/Hotel-Toxin/dist/ui_color&type.html

• UI-Kit основные компоненты - https://denisbakh.github.io/Hotel-Toxin/dist/ui_form_elements.html

• UI-Kit компоненты Cards - https://denisbakh.github.io/Hotel-Toxin/dist/ui_cards.html

• UI-Kit компоненты Header&Footer - https://denisbakh.github.io/Hotel-Toxin/dist/ui_headersfooters.html

Project install:

# Download repository:
git clone https://github.com/DenisBakh/Hotel-Toxin Hotel-Toxin

# Go to the app:
cd Hotel-Toxin

# Install dependencies:
npm install

# Server with hot reload at http://localhost:8081/
npm run dev

# Output will be at dist/ folder
npm run build

Project Structure:

• src/main - главный entry - файл для основных стилей и require
• src/pages - страницы сайта
• src/project - блоки, переменные, миксины, для дальнейших импортов на страницы
• src/project/static - дополнительные статичные файлы для сайта, такие как favicon
• src/project/common.blocks - общие блоки, переменные, миксины
• src/project/common.blocks/_common - обнулятор CSS, переменные, общие миксины, иконки соц сетей
• src/project/common.blocks/ui_kit - элементы проекта, разбитые на блоки в соответствии с методологией БЭМ
• webpack.base.conf.js - базовые настройки Webpack
• webpack.build.conf.js - настройки Webpack для build или релиза проекта
• webpack.dev.conf.js - настройки Webpack для dev или разработки проекта