Natours

This project is based on the course "Advanced CSS and Sass" by Jonas Schmedtmann. I took this course to learn advanced CSS techniques, and I learned a lot through building this project. If you want to check the course, go to this link.

Project Description:

This project makes heavy use of cutting-edge CSS techniques to create stunning designs and effects. Also, it implements a CSS architecture that facilitates writing reusable code and makes easily scalable building upon the existing base.

Features:

7-1 Sass Architecture
Custom CSS Grid
Modern CSS techniques for design & effects
Advanced CSS animations
Art Direction, Resolution and Density Switching for responsive design

Tech stack & libraries:

Sass
node-sass library

How to install this project

$ git clone https://github.com/andres-cruz/natours.git
$ cd natours
$ npm i

How to run this project

To run the server and compile sass in "watch" mode

$ npm start

To create a build for production

$ npm run build:css

This project uses the following libraries:

"devDependencies": {
    "autoprefixer": "^9.7.0",
    "concat": "^1.0.3",
    "node-sass": "^4.12.0",
    "npm-run-all": "^4.1.5",
    "postcss-cli": "^6.1.3"
  }