Sedona

Frontend educational project based on the PSD file. Made with the perfect pixel approach.

The project was build with the following technologies and methodologies:

• Semantic HTML5
• CSS
• Sass
• BEM
• JavaScript
• Gulp
• NPM
• mobile first
• responsive layout

Table of contents

1. How to compile the project
   1. Install NPM
   2. Commands to compile the project
      • Build development
      • Build distribution
      • Build distribution and deploy

How to compile the project

To compile the project you will need node.js and NPM

Install NPM

Installs dependencies.

$ npm install

Commands to compile the project

• Starts development with browser sync

$ npm start

Builds a temporary development folder (tmp) and launches bowser-sync script to watch the changes made in the html files, sass files, js files, and checks images folder.

• Build for production release

$ npm build

Builds distribution folder (dist) into which copies and minifies files which are ready to be send on the server.

• Deploys to the gh-pages branch

$ npm deploy

Runs $ npm build command and deploys built website to the GitHub pages.