Cart
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.
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:
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