Qualy Front Save

:construction: work in progress - A simple boilerplate with ES6, Gulp, Jade, Stylus and Browsersync.

Project README

This projects uses ES6, Pug, Stylus, Gulp and Browsersync. The main objective of this boilerplate is to ensure Quality to our code with Code Standards and Hooks to prevent messy codes to be committed or pushed.

Maybe you want to read about them:

For grid system uses Jeet with some help from Kouto Swiss for animations, reset and a lot of great mixins. Rupture for responsive utilities and uses ITCSS to build the CSS Architecture.

Getting Started


First of all, install the dependencies to run this boilerplate.

# Clone this repository
$ git clone [email protected]:Qualy-org/qualy-front.git
$ cd qualy-front

# install dependencies
$ npm install

With the commands above, you have everything to start.

Folders and Files

├── README.md
├── build
│   ├── css
│   │   └── main.css
│   ├── img
│   │   └── qualy.png
│   │   └── favicon.png
│   ├── index.html
│   └── js
│       └── main.js
├── gulpfile.babel.js
├── package.json
└── src
    ├── img
    │   └── qualy.png
    │   └── favicon.png
    ├── js
    │   ├── main.js
    ├── styl
    │   ├── base
    |   |   └── _base.styl
    |   ├── components
    │   |   └── _components.styl
    |   ├── generic
    │   |   └── _generic.styl
    |   ├── objects
    │   |   └── _objects.styl
    |   ├── settings
    │   |   └── _settings.styl
    |   ├── tools
    │   |   └── _tools.styl
    |   ├── trumps
    │   |   └── _trumps.styl
    │   └── main.styl
    └── templates
        └── index.pug

Those folders and file will change during the project.

Code Standarts

This project uses eslint and .editorconfig is defined to have indent_size of 4 spaces.

This project also uses Husky to prevent commit and push messy and wrong code. Please, don't be stupid, fix all errors before commit and push =D

To help you, this project has a npm run fix command to fix all jscs errors.


  • gulp: run all tasks and initialize watch for changes and a server
  • gulp js: execute js files
  • gulp pug: compile pug files
  • gulp css: compile stylus files
  • gulp images: compress image files
  • gulp browser-sync: inicialize a server
  • gulp watch: call for watch files
  • gulp pages: deploy files to gh-pages
  • gulp test: initialize server and run both performance and code complexity tests
  • gulp deploy: run all tasks and deploy files to gh-pages


Thanks to @Diessicode for the awesome idea to put this logo.


This boilerplate is free and open source software, distributed under the The MIT License. So feel free to use this to create your site without linking back to me or using a disclaimer.

If you’d like to give me credit somewhere on your blog or tweet a shout out to @willian_justen, that would be pretty sweet.

Open Source Agenda is not affiliated with "Qualy Front" Project. README Source: Qualy-org/qualy-front
Open Issues
Last Commit
5 years ago

Open Source Agenda Badge

Open Source Agenda Rating