ANGULAR JS - SKELETON PROJECT
Includes the following:
- Angular JS
- Bootstrap
- Angular UI (Angular Bootstrap)
- Node Server (for development)
- Live-reload (for development) auto-refresh your page on changes
- and much much more, try it out.
Note:
The project is laid out on a per package basis which is great for making a marketing website, however for a more robust application consider laying out your code in an MVC format (folders for model / service, view templates and controllers).
Running (for development purposes)
Source files are found in the src folder, there is a dist folder which is automatically updated when files in src change, be careful not to change the dist files or your changes will be lost.
Requirements (install these)
- NodeJS
- Bower (installed via npm 'bower')
- Grunt CLI (installed via npm 'grunt-cli')
Building
- Execute NPM Install
npm install
this will download deployment and testing dependencies, note it will callbower install
andgrunt build
to do an initial project build
Running the development server
grunt
(this will re-compile the code and start the server while running watches for changes)- Browse to: http://localhost:1337/ to confirm it is running
Note: Check out the grunt file for other grunt commands you may wish to run (e.g. grunt test
to run your tests on demand)
Deploying to S3 (or your own Apache server)
Copy all files in the DIST folder (after being built with grunt build)
Note: Deploying to Heroku coming soon, for now it will run in effect the development server if you deploy to Heroku, which depending on your needs maybe fine.