In this chapter, you got familiar with the directory structure while going through the main concepts of AngularJS. We learnt that directives are the way in which AngularJS extends the HTML code. Modules are preferred for keeping the code organized. Routers allow us to define URLs and bind them to controllers and templates. Controllers are the glue between services/factories (model) and the templates (view). Templates are the HTML codes where we can use expressions and variables defined through $scope in the controller. Finally, filters are used in templates for modifying the output of strings.

We have created the first part of our frontend e-commerce app while explaining each of the components used. We now have the marketplace which shows all the products and also provides the CRUD functionality to add, remove, and edit products.

In this chapter, we provided the CRUD functionality using data in a predefined array from the product factory. However, in the next chapter, we are going to interact with data from a real database. We are going to use our understanding of the CRUD methods to bind them with the REST verbs, and create a RESTful API to be consumed by our Angular app.