aubford / meanest-tea

Mean Tea

This is an exercise in leaning AngularJS. It is a shopping cart application with two major concpetual parts:

1. Inventory. The inventory is represented in a JSON file, which is loaded via an $http.get request. The user can see the inventory listed with details.

2. Shopping Cart. The user can add a quantity of each item to a shopping cart from the home page. The user can then edit the quantity of items and/or remove items entirely from the cart page.

Angular Concepts

It demonstrates the following Angular concepts:

1. Controllers. There are two controllers.

• maincontroller controls the home/inventory page, and

• cartcontroller controls the cart page.

2. Services. There are two services which interact closely with the controllers.

• teaservice fetches and paress the JSON data. Specifically, it returns an array of tea objects, and a list of tea categories.

3. Directives. There is one custom directive, cb-teawidget, which does little more than expand to a HTML template. But it's a custom directive and I wrote it, so that's cool. That also means there's a cb-teawidget template.

4. Filters There are two custom filters. Both are incredibly minor and were just exercises in writing filters.

• cb_monetize divides by 100 and prepends a '$' to a number. It takes the place of {{ number / 100 | currency }}.

• cb_assertTrue turns a true/false value into a yes/no value.

5. Routing. There are two routes: home and cart. Both have their own partial page to load.