A starter project that combines the following for starting building your website.
- Sample pages from Bootstrap
- Powered by AngularJS with ngAnimate
- Routed with UI Router
- Widgets from UI Bootstrap
- Some dynamic loading with RequireJS
- Some css built with less
- Some less mixin's for lesshat
- And a tiny bit of my code to glue it together, easily removed.
To download this package run npm install angular-bootstrap-starter, the files will be downloaded to node_modules/angular-bootstrap-starter copy the files from there or use that as your working directory.
To get started you need gulp, grunt and bower installed then run npm install -g grunt grunt-cli gulp bower (grunt and bower are used by dependencies).
Get all the dependency packages with npm install then build.
To build all the 3rd party packages and put them in the lib directory run gulp install.
Then to continuously build the less/style.less to the css directory and start a livereload web server on http://localhost run gulp
Modify the files as you like an overview of what's here.
- www/js/app.js the angular app code, it has code to handle routing. Also little bit of code to set the page title and to dynamically load scripts for views.
- www/js/nav-controller.js the navigation controller, it controls what pages are shown in the navigation menu.
- www/views the views that app.js points to, and a dynamically loaded javascript file for the UI Bootstrap example page.
- www/index.html perhaps doesn't need modification.
- www/css/style.css this script is dynamically built by editing less/style.less