OOP Simple E Commerce

A simple E Commerce with simple class implementation.

Folder Structure

├── libs
│ ├── formatter.js
├── models
│ ├── Cart.js
│ ├── Catergory.js
│ ├── Order.js
│ ├── Product.js
├── index.js
├── package.json
├── yarn.lock
└── .gitignore

How to use

First, dont forget to npm install to install all the packages that already listed in package.json.

Product Class

Create Product

Instead using keyword new to instantiate object from Product class, we could use a static method createProduct() and pass arguments with format name, price, description

const product1 = Product.createProduct('name', price, 'description');
const product2 = Product.createProduct('Doritos', 12000, 'snack');

Display Info Product

We could use displayInfo() method to show product information just we create before.

product1.displayInfo();

Example output:

Product Id: PPSJNdV4u
Name: Close Up
Price: Rp 5.000,00
Description: toothpaste
Category:
Status: Active

Update Product

We are able to update the product detail with updateProduct() method. Just pass arguments like we create a product.

product1.updatedProduct('Colgate', 5000, 'toothpaste');

Delete Product

We also can delete a product by change its isActive attribute to false by using deleteProduct().

product2.deleteProduct();

If we try to access a Product with displayProdut(), which has been deleted, detail of product can not be shown.

product2.displayInfo();

The output:
Product not found.

Category Class

Create Category

Instantiate new category with static method createCategory(), put the name of category on its argument.

const cat1 = Category.createCategory('homecare');
const cat2 = Category.createCategory('food');

Display Info Category

We could use displayInfo() to see Category detail information.

cat1.displayInfo();

Example output:

Category Id: CVTAD9Qg7
Name: homecare
Status: Active

Update Category

We could update the category with updateCategory() method.

category2.updateCategory('beverages');

Delete Category

We could delete category by set isActive property value to false with deleteCategory method.

category1.deleteCategory();

If try to access deleted category with displayInfo(), will return not found.

category1.displayInfo();

The output:
Category not found.

Add product to Category

Category could having many item or product which coresponding to. We could add products to multiple category with addProduct() method by passing product name to its argument.

// we create some products
const product3 = Product.createProduct('Frestea', 5000, 'drinks');
const product4 = Product.createProduct('Taro', 8000, 'snack');

category1.addProduct(product1);
category2.addProduct(product2);
category2.addProduct(product3);
category2.addProduct(product4);

The output:

Product added to category successfully

// Adding deleted product will return this.
Product not found. Fail to add to category

Product added to category successfully

Product added to category successfully

Get All Products

We could get all products in a category with getAllProducts().

category1.getAllProducts();
category2.getAllProducts();

The output:

All products in homecare:
------------------------------
1. Colgate

All products in beverages:
------------------------------
1. Frestea
2. Taro

Cart Class

Create a Cart

We could use new keyword to instantiate an object from Cart class.

const cart1 = new Cart();

Add item to a cart

Adding product or item, we could use addItem() method, following by productName and quantity you want to add to the cart.

cart1.addItem(product1, 2);
cart1.addItem(product2, 1);
cart1.addItem(product3); // Default quantity is 1
cart1.addItem(product4, 2);

The output:

Item added to cart successfully

Item not found. Fail to add to cart // Product2 has been deleted

Item added to cart successfully

Item added to cart successfully

Remove item from cart

We could use removeItem() to remove item or product from a cart with passing productName as an argument.

cart1.removeItem('Frestea');

View all item in cart

Using viewCart() method to view all item in a cart.

cart1.viewCart();

The output:

List of items in cart:
----------------------
┌────────────────────┬────────────────────┬─────┬────────────────────┐
│        Name        │       Price        │ Qty │       Total        │
├────────────────────┼────────────────────┼─────┼────────────────────┤
│      Colgate       │    Rp 5.000,00     │  2  │       Rp 10.000,00 │
├────────────────────┼────────────────────┼─────┼────────────────────┤
│        Taro        │    Rp 8.000,00     │  2  │       Rp 16.000,00 │
├────────────────────┴────────────────────┴─────┼────────────────────┤
│                                         Total │       Rp 31.000,00 │
├───────────────────────────────────────────────┼────────────────────┤
│                                   Total Items │                  2 │
└───────────────────────────────────────────────┴────────────────────┘

Order Class

Create Order

Before doing a purchase, we should create an Order, by using new keyword to create new object from order class, which is used to provide the items from cart.

const order1 = new Order();

Create Order by adding a cart

Adding a cart to order before paying the bill, by using createOrder() method, passing a cart object to its argument

order1.createOrder(cart1);

Display the Order Details

We could display our Order with displayOrderDetails().

order1.displayOrderDetails();

The output:

Order ID: OMQuiQkjY
Total Items: 3
Details order:
-----------------
┌────────────────────┬────────────────────┬─────┬────────────────────┐
│        Name        │       Price        │ Qty │       Total        │
├────────────────────┼────────────────────┼─────┼────────────────────┤
│      Colgate       │    Rp 5.000,00     │  2  │       Rp 10.000,00 │
├────────────────────┼────────────────────┼─────┼────────────────────┤
│        Taro        │    Rp 8.000,00     │  2  │       Rp 16.000,00 │
├────────────────────┴────────────────────┴─────┼────────────────────┤
│                                         Total │       Rp 31.000,00 │
├───────────────────────────────────────────────┼────────────────────┤
│                                   Total Items │                  2 │
└───────────────────────────────────────────────┴────────────────────┘