This repo contains a small and simplified boilerplate as alternative of other "fat" boilerplates, (automated with grunt) to start a project with angular and bootstrap in order to make easier and faster the template's developing.
Developed following the best practice for Angular.js (John Papa angular-styleguide)
                       Â
- Angular framework (1.x)
- Grunt automations
- Javascript linter
- Bootstrap html linter
- Sass / Scss compiler
- Images, Js and Css optimization
- Karma / Jasmine test
- Yarn and Bower package managers
- ES6 supported
Before cloning the repo be sure you have installed:
- Node (version >= 8.x.x)
- Yarn (version >= 1.2.x)
- Npm (version >= 5.5.x)
- Grunt (latest version)
- Bower (latest version)
- Karma (version >= 1.3.x)
Then:
- Choose a folder project in your system and switch in
cd [folder path]
- Clone the repo in your folder
git clone https://github.com/ibbatta/grunt-frontend-boilerplate.git
From the directory of the project run yarn
(or npm install
);
Once everything is installed, use Grunt or Yarn from the terminal to start the build tasks.
The package.json exposes these tasks:
yarn start
ornpm start
(start the project locally)yarn test
ornpm run test
(start test and watch for changes)yarn build
ornpm run build
(prepare the build pack)yarn clean
ornpm run clean
(remove bower components and node modules)
The Gruntfile.js exposes these tasks:
grunt clean
(clean / remove tmp, dist and bower's component folders)
- Code optimization (maybe ES6 restyle?)
- Create and link a simple backend (node + express) (???)
- Create and link a database (maybe firebase?) (???)
- Try to create a simply blog (i.e. wordpress) (???)
- Create Yeoman generator (???)
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request
- Maurizio Battaghini (template develop)
- Aristeidis Bampakos (tests integration and inspiration)
This is just a personal boilerplate create for demonstration purpose only, it may or may not be a good fit for your project(s).