Project Description

This project is a to setup WebStorm to work with Bootstrap, SASS(SCSS), BrowserSync, GULP, GitHub Pages, and web templates with partial html files. When you complete this project, you will be able to build your project with these tools and view it live in the browser. You will be able to use HTML snippets for your header and main menu and when you save your files, it will automatically build your project and update your browser without having to press the refresh button. You will also be able to host your website on GitHub pages.

Download Assignment PDF Here

View Assignment Video Here

Prerequisites

  1. Install Node.js
  2. Read the Gulp article to explain how to install Gulp globally i.e. npm install -g npm install gulp-cli -g on windows or sudo install -g npm install gulp-cli -g on mac

Install Instructions

  1. Clone the repository in WebStorm
  2. Run npm install to install the dependencies
  3. Add a run configuration for "Gulp" and put in "serve" as an argument

WebStorm Gulp Config

Personal Screenshot

BrowserSync Screenshot

Readings

Useful Links