INITpug Documentation

INITpug is a clean front-end template. For building fast, robust, and adaptable web apps or sites.

Why ?

Time to time you need to build a triditional multiple page website.
But you still need toolkit such as Gulp, sass.
So I build this boilerplate that helps to kick off a new project for anyone .

Feature

  1. Gulp 4: Is a JavaScript task runner.
  2. Sass:Is a style sheet language.
  3. Jquery:JavaScript Library.
  4. Font Awesome:The world's most popular and easiest to use icon.
  5. Mapbox.gl:An open source mapping platform.
  6. Pug js:HTML template engine.
  7. Bootstrap v 3.3.7 :Open source toolkit for developing with HTML, CSS, and JS.
  8. Livereload:A happy land where browsers don't need a Refresh button.

Quick start

There are four main steps to get started with INITpug:

  1. Clone this repo git clone https://github.com/Med3li/INITpug or download from a direct link here.
  2. cd into directory INITpug
  3. run npm install to install all dependencies
  4. Run gulp watch or gulp to compile and monitor your JS and SCSS

Developing Locally

Run npm start for starting gulp and open the browser at http://localhost:7200 to see the example app .
If a problem occurs and gulp is not working, run gulp or gulp watch and start your project.
This starts server on localhost:7200 and gulp will watch for changes and automatically reload the browser.

Browser Support

  • Chrome (latest 2)
  • Edge (latest 2)
  • Firefox (latest 2)
  • Internet Explorer 11
  • Opera (latest 2)
  • Safari (latest 2)