Stub for future client website

Goals and Achievements

• Main Tasks
  • Build a one page stub for website by future clients development
  • Get practies and gain skills with HTML / CSS / Sass (SCSS), Bootstrap 4 framework, npm, bower and gulp
• Directions of work
  • HTML and CSS
  • Bootstrap 4
  • working with npm and bower
  • working with gulp
• Total
  • Successful achievement of the main tasks
  • 4 hours
  • Gained expertise with :
    • npm and bower
    • HTML and CSS
    • Bootstrap 4
    • Gulp
    • Sass (SCSS)

Installation

To run this project you should have the same workflow (look bellow in Workflow section), also Node.js have to be installed.

1. clone this project into workspace
2. in the project root, type with the command line interface:
   1. npm i
   2. npx bower i
   3. npx gulp build
3. open in browser ./dist/index.html

common gulp commands (look into 'gulpfile.js'):

• 'gulp watch' - run 'browser-sync', 'css-libs', 'scripts' (default command. just run 'gulp')
• 'gulp build' - creating 'dist' folder with product
• 'gulp clean' - delete 'dist' folder (automaticaly run when 'gulp build')

About

This small free project aims to help my friend and show basic practical usage of:

• HTML and CSS / Sass (SCSS)
• npm and bower
• gulp task boilerplate
• project structure organization
• version control system

Workflow

• Windows 10 OS
• GitBash
• Google Chrome Beta
• Visual Studio Code
• ESLint
• GIT
• NodeJS v8.11.4

Using Technologies

• HTML
• CSS
• Sass (SCSS)
• npm
• bower
• gulp
• bootstrap 4

Showcase

http://dandgerson.com/projects/p2018/