Toxin

Booking Service educational project. This project was created to learn pug, scss, javascript and how to work with jquery plugins. It demonstrates ui-kit with site components and booking service with landing page, room search, room details, registration, and sign in page.

Github pages

Main Page

UI-Kit

Website pages

Build Setup:

Node.js >= 14.21.2
npm 6.14.15

# Download repository:

$ git clone https://github.com/WhiteDevilMan/BookingService

# Go to the folder:
$ cd BookingService

# Install dependencies from package.json:
$ npm install

or

$ npm i

# Start server with hot reload
$ npm run dev

# Build project. Output will be at 'dist' folder
$ npm run build

# Deploy project to gh-pages (after "npm run build")
$ npm run deploy

Project file structure

/conf - webpack configs
/dist - folder for build project
/perfect-pixel-files - layouts screenshots
/src - source files
/src/assets - auxiliary project files
/src/components - site components
/src/libs - libs used in this project
/src/pages - site pages
/src/static - static files (favicons, robots.txt, sitemap.xml)

Plugins

"jquery": "^3.6.2",
"air-datepicker": "^2.2.3",
"airbnb-browser-shims": "^3.3.0",
"d3": "^6.7.0",
"inputmask": "^5.0.7",
"ion-rangeslider": "^2.3.1",
"paginationjs": "^2.4.2",
"slick-carousel": "^1.8.1",
"tippy.js": "^6.3.7"