johanmendezb/gulp-sass-starter

A simple starter kit builded with Gulp, SASS, and js/sass lint for better coding

gulp-sass-starter

Description

A simple starter kit builded with Gulp, SASS, and js/sass lint for better coding

Start by running git clone https://github.com/brianeto/gulp-sass-starter.git

How to Run

1. Make sure you have installed gulp-cli, and Yarn if you like to install your develop dependencies faster.
2. on root folder run npm install or yarn install.
3. Run gulp.
4. Hack the matrix.

Purpose

This project is trying to give you a quick starter pack for your next static page focused on good FrontEnd practices without taking away the simplicity.
The following libraries have been curated to get the best from npm

Develop Tools

• Gulp
• SASS
• Yarn
• ES6 thanks to Babel
• browser-sync
• imagemin
• stylelint
• jshint
• Run pre-commits for linting with Husky

Project Workflow

All the development files are located in src/ folder, please do not modify any css or js from the dist folder, it will be overwritten.

When committing, a wild pre-commit will spawn and will check all your js, sass code quality, so you may need to install jshint client npm install -g jshint.

TODO'S

• Add modular html
• Add grid system
• Include best FrontEnd code practices via examples

If there is something else you think it would be nice to have submit an issue or a PR if you'd like to contribute :)