Overview:

The E-Commerce Website Project is a demonstration of using NextJS (React) in the frontend and Commerce.js as a third-party API for the backend to create an e-commerce site. The project includes features such as product listing and details, shopping cart, checkout, and order confirmation. The goal of the project is to showcase the understanding of using big data and a heavy backend in the context of e-commerce transactions online.

Features:

• Product List & Details: The homepage displays all the products available for sale, and users can click on a product to view more details about it, including price, quantity, and stock availability.
• Shopping Cart: Users can add products to their cart from the product details page. They can then edit the quantity of products in the cart or remove items if needed. The cart can be accessed by clicking on the cart button, which displays the number of items in the cart.
• Checkout Form: Once users have added all the desired items to their cart, they can proceed to the checkout process. The checkout form consists of three steps: customer information, shipping information, and payment information. The user can fill out the form and proceed to the next step.
• Order Confirmation: After filling out the checkout form and confirming the order, the user is redirected to an order confirmation page. This page summarizes the order details, including an order number.

Installation:

To install the E-Commerce Website Project, follow the steps below:

1. Clone the project repository from [repository URL].
2. Install the required dependencies by running the following command:

npm install

3. Configure the Commerce.js API by providing your API keys in the project settings.
4. Start the development server by running the following command:

npm run dev

5. Access the website through your browser at [localhost:3000].

Summary:

The E-Commerce Website Project is a demonstration project that showcases the use of NextJS and Commerce.js to create an e-commerce website. It includes features such as product listing, shopping cart, checkout, and order confirmation. The project aims to demonstrate the understanding of building an e-commerce site with a focus on the frontend using a React framework and utilizing a third-party API for the backend.