Introduction

Getting Started

This documentation will give you an understanding of how Mono Dashboard is structured and guide you in performing common functions. If you require further assistance not covered in this documentation, please contact me at theme@iamabdus.com

Set up

Mono uses gulp for workflow automation. It's a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

Step-1: Make sure you have a recent version of Node.js installed in your local machine.

Step-2: Open terminal in the project root directory.

Step-3: Then run the following commands accordingly into terminal:

  //install gulp-cli globally
  $ npm install gulp-cli -g

  //install devDependencies
  $ npm install

  //run project
  $ gulp

This will fire default gulp task which includes: launching BrowserSync, build all html files, javascript minification, sass compilation and lanching watch task. BrowserSync will create dev server and sync your browser with your code editor.

You are all done to edit SCSS files and gulp will compile your SCSS to CSS.

File Structure

• dist
• node_modules
• src
  • assets
    • img
    • js
    • plugins
    • scss
  • index.html
• gulpfile.js
• package.json
• .gitignore