Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
26 views

ReactJS Redux CodingAssessment

Uploaded by

chitra sudhagar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
26 views

ReactJS Redux CodingAssessment

Uploaded by

chitra sudhagar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

ReactJS / Redux application

The given wireframe is for a product listing page.

You are expected to create an ReactJS/Redux application for

the same. Requirements :

1. The cart panel should always be visible on the page if there is any
item already added in the cart.
2. All the required data should be rendered via external JSON file.
Item should be unique.
Data properties are:

Product image

Brand name

Product name

Packing detail

Price

3. On clicking on the “add” button item should be added to the cart and
cart summary should be updated.
4. The ‘-’ and ‘+’ buttons should be visible with the detail shown in
wireframe, if the particular item is already added to the cart.
5. If an Item is added to the cart and item added quantity is ‘1’ and user
click on ‘-’ button the item should be removed from the cart. At the same
time “add” button should be visible again for the item.
6. Item should be removed from the cart on clicking on “Remove” button.
7. All the states should be maintained after page refresh also. i.e. if there
is an item in the cart and user refreshes the page, Item should remain in
the cart after page refresh also.
8. You are free to use any color, fonts, layout measurements, product
images, product details etc. . You can develop all other required
functionality by understanding the wireframe properly.
Please implement the design using ReactJS/Redux that allows us to
measure your JavaScript, markup and CSS skills.
It is good if you can upload the developed application to server or Git
and send us the link to access it.

You might also like