This was my first AngularJS project and yet it's surprisingly not that bad. It is an automatic quote generator for a t-shirt website which I developed for someone with whom I used to work. At the time of writing this it was not yet deployed because some of the PHP it has to hook to on the server side was less than stable. But all of the client side work I did was working like a champ.
It's a good example of an AngularJS application that's not completely trivial and yet one that does not depend upon having a service it has to connect to for getting and persisting data.
The interface as the user first sees it:
Prices and the quantity discounts update in real-time as the user changes colors, printing colors front and back, quantities, etc.:
Finally you need to install Karma (it's used for the unit-tests):
npm install -g karma
With all the software you need installed, you can run a couple of commands in the root of the airquotes project to get installed what you need to run or test it locally:
Then use Grunt to run a server and launch the web page in a browser where you can explore the working UI:
Or run the unit tests with:
Look for the code coverage reports as index.html files under the "coverage" directory; there will be one for each browser under which the tests were run.
- Add a route which displays a selection of shirts, hoodies, etc. and let the user switch garments from that view.