A real-world application – koCart

In order to demonstrate how to use Knockout in a real application, we are going to build a simple shopping cart called koCart.

First of all we are going to define the user stories. We just need a few sentences to know what we want to achieve, which are as follows:

• The user should be able to view the catalog
• We should have the ability to search the catalog
• The user can click on a button to add items to the catalog
• The application will allow us to add, update, and delete items from the catalog
• The user should be able to add, update, and delete items from the cart
• We will allow the user to update his personal information.
• The application should be able to calculate the total amount in the cart
• The user should be able to complete an order

Through user stories, we can see that our application has the following three parts:

• The catalog, which contains and manages all the products we have in the shop.
• The cart, which has responsibility for calculating the price of each line and the total amount of the order.
• The order, where the user can update his personal information and confirm the order.