You are on page 1of 2

The project is a small e-commerce app which has these pages:

• Products Page.

• Shopping Cart page.

Requirements and details are as follows:

• No login page required.

• Navigation Bar:

- A bar at the top of all pages to navigate between pages (Products/Shopping Cart).

Products PAGE:

• A List of all products. Use this endpoint


(https://62d6874451e6e8f06f0c0fb0.mockapi.io/products).

• Create new product will show a modal with a form that has these fields to add a new product.

1. name: string

2. image: url to image

3. description: string

4. price: number

Use this endpoint (https://62d6874451e6e8f06f0c0fb0.mockapi.io/products - POST - {name,


image, description, price}

- Products can be added to shopping cart.

Each Product is a card with the following details:

1. name

2. image.

3. price

4. description.
5. A mark to see if the item is in the shopping cart or not (Add to Shopping Cart/Remove from
Shopping Cart).

Shopping Cart Page: A page to view the user's products

• List of all items in the Cart with the following structure. (name/price/thumbnail)

• A button to remove the product from the shopping cart

Style

• Responsive design (mobile and desktop friendly app)

Things taken into consideration:

• usage of Redux-Toolkit

• Decoupled components

• navigation and sending data between pages

• acceptable design and the way css styles are written

• project structure.

• Project State structure.

You might also like