Project Directory Structure

The project is organized into the following directory structure:

./: Contains the base application files and supporting folders. This is the project root.

./npm_modules: Created when the NPMs listed above are installed in the system.

./controllers: Contains the Express route controllers that provide the interaction between routes and changes to the MongoDB database.

./models: Contains the Mongoose model definitions for objects in the database.

./static: Contains any static files that need to be sent, such as CSS and AngularJS code.

./views: Contains the HTML templates that will be rendered by EJS.

../images: Contains any images for the project. This is at a peer level to the project so that multiple projects can use the same images.

../lib: Contains the AngularJS libraries so that multiple projects can load them locally. In production, you may want to use a CDN delivery address instead.

In addition to the directory structure, the following code files are included. This list is intended to give you an idea of the functionality of each file:

./cart_init.js: Provides standalone initialization code for this example. It creates a single customer named customerA and adds several products to use in the example.

./cart_server.js: Loads the necessary libraries, creates a connection to MongoDB, and starts the Express server. This is the main application file.

./cart_routes.js: Defines the routes for the Express server. This file handles functionality that does not interact with the database.

./controllers/customers_controller.js: Defines the functionality for the routes that require interaction with the MongoDB database to get and update customer data, such as cart, shipping, and billing information.

./controllers/orders_controller.js: Defines the functionality for the routes that require interaction with the MongoDB database to get the order objects.

./controllers/products_controller.js: Defines the functionality for the routes that require interaction with the MongoDB database to get one or all of the product objects.

./models/cart_model.js: Defines the customer, product, order, and supporting models for the cart example.

./views/shopping.html: Provides the main shopping page for the application, which allows the user to view products and place them into the cart.

./static/billing.html: Implements the billing information view. This is an AngularJS partial template.

./static/cart.html: Implements the shopping cart view. This is an AngularJS partial template.

./static/orders.html: Implements a view with a list of orders. This is an AngularJS partial template.

./static/products.html: Implements a list of products view. This is an AngularJS partial template.

./static/product.html: Implements a view for a single product with an Add to Cart button. This is an AngularJS partial template.

./static/review.html: Implements a view to allow the user to review the order before placing it. This is an AngularJS partial template.

./static/shipping.html: Implements the shipping information view. This is an AngularJS partial template.

./static/js/cart_app.js: Provides the AngularJS module and controller definitions to handle all the shopping cart interaction between the AngularJS code and the webserver.

./static/css/cart_styles.css: Provides the CSS styling for the AngularJS HTML pages.