Project 5: Build an E-Commerce Site

The goal of the project is to use an API to retrieve and send data to an existing backend.

Site Structure:

• A list view page, showing all items available for sale.
• A single product page (using URL query parameters), which will dynamically show the item selected by the user, display a description and price in dollars, and allow users to personalize the product and add it to their cart.
• A cart page (using the localStorage JavaScript functionality), showing a summary of products in the cart, the total price, and a form with which to submit an order.
• An order confirmation page , thanking the user for their order, showing the total price and the order ID returned by the server.

Test Plan:

Click here to view the Test Plan

How to use the site:

You will have to have node and npm installed locally.

Clone this repository. From within the project folder, run npm install. Then, run node server in the backend directory. Then, open index.html in your browser to use the site. The server should run on localhost with default port 3000.