0% found this document useful (0 votes)
4 views7 pages

Cart

The document outlines the development of a cart application where users can view, modify, and manage items in their cart. It includes a problem statement, breakdown of tasks, and prerequisites for development, such as setting up the environment and using Git and Node.js. Additionally, it provides specific stories detailing features like displaying items, calculating total amounts, removing items, and updating the cart icon based on item count.

Uploaded by

jj491bendreacc
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views7 pages

Cart

The document outlines the development of a cart application where users can view, modify, and manage items in their cart. It includes a problem statement, breakdown of tasks, and prerequisites for development, such as setting up the environment and using Git and Node.js. Additionally, it provides specific stories detailing features like displaying items, calculating total amounts, removing items, and updating the cart icon based on item count.

Uploaded by

jj491bendreacc
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

Cart

Practice Problems
Assignment Questions

Assignment Questions
Cart
Here we build an app through which a user can view their cart. The user can see how many items are there
in the cart. They can remove items or clear all carts. The users can increase the number of products, and the
price will be updated accordingly.

Problem Statement
Here we build an app through which a user can view their cart. The user can see how many items are
there in the cart. They can remove items or clear all carts. The users can increase the number of products,
and the price will be updated accordingly.

Your task is to go through the problem statement and build the required features of the application.

Problem Breakdown
Here we build an app through which a user can review their cart.

You can use any style, but it should have a decent look as per the template images. You are free to use
react material as well for icons and styling.

Pre-requisites
Kindly ensure you have done signup and logged in to codesandbox if you wish to code online; else, make
sure to install Git, Nodejs, and NPM in your system before you kickstart development.

For your local development:

After installing the pre-requisite dependencies mentioned above, you need to do the following
You need to download the zip version of the cod
Once you have downloaded it, unzip it to any path of your choice, you need to run the command npm
install on the project folder’s terminal to install all the project dependencies
After installing the project dependencies, you need to run the command npm start on your project
folder’s terminal to start the development server.
The app will now be hosted on the URL https://localhost:3000. You can now start coding your
application.

For online coding you just need to fork and start coding.

You are free to install and use any other dependencies over and above the ones installed above to
ensure the completion of your tasks.
Assignment Questions

Templates
Here are a list of task for the above project:

Template 1

Story 1:

The first task is to create a bag which will show all the items in the cart from dummy data

The next task is to show the total amount for all items

Story 2 :

In the next task create a remove feature from the cart. Additionally the user can also clear the cart
Assignment Questions

If the the user clears the cart , the bag becomes empty.

Story 3:

The user can increase the number of products.


Assignment Questions

The price will update accordingly

Story 4:

Update the cart icon on top according to the number of items in the cart.
Cart

Practice Problems
Assignment Solutions

Assignment Solutions

Cart

Github link : https://github.com/Utkarshini12/Cart-

You might also like