Building a Shopping Cart

In this chapter, we will build a simple create, read, update, and delete (CRUD) application that will allow the user to add items to a shopping cart, remove them, update the quantity of each item, and track the total price of all added items. This is not, by any means, an e-commerce app but a brief overview of data handling with Meteor. For the frontend view layer, we will use React; also, we will take advantage of Meteor's reactive data package react-meteor-data to handle all the data changes and the dynamic rendering.

First, we will start with a very basic CRUD implementation and, moving forward, we'll refactor the app with the introduction of more concepts.

Here's what this chapter covers:

• An overview of basic project structures and installation of the required packages
• An overview of the application architecture
• Inserting sample data in MongoDB
• Implementation of a client-side routing with React-Router
• Refactoring the app from client database edits to Meteor's Methods
• Adding database Schemas to Meteor collections and validations on Methods