kmtabish/AngualrJS-Boilerplate-KMT

Angular 1x boilerplate with Gulp, SCSS and bootstrap

Angulat JS(1x) Boilerplate

This inclue the following tech stack:

• angular - 1.7.7
• angular-route - 1.7.7
• angular-bootstrap - 2.5.0
• bootstrap - 4.4.1
• gulp

Excecute the following commands, to see the action.

npm install

bower install

gulp start

magic will happen on http://127.0.0.1:3001/#!/

Tip (Folder structure):

• gulpfile.js: all the task written here.
• src/app/assets/images : Contains images(icons, logo etc.)
• src/app/assets/sass : Contains scss files
• src/app/controller : Controller files(screen wise)
• src/app/services : Services files(screen wise)
• src/app/directives : Directive files(screen wise)
• src/app/views : Html files(screen wise)
• src/app/app.js : start Js file(Angular app start point, routes etc.)
• src/app/config.js : enum code(Constaints)
• src/app/index.html : Start HTML page

Build Process Steps:

• npm install : It will install all the node dependencies(inside the project folder)
• bower install : it will install all the JS librariy dependencies(inside the src/app folder)
• gulp start: it will do the following steps:

1. it will create a folder named www and move all the codes from the src/app to www folder.
2. compile the scss files to css and create a common css file inside the www folder.
3. make the changes only in the folder of src/app, it will auto compile and update inside the www folder.

you can reach out to me in case of any issue @ kmtabish@outlook.com