Innovation Developer Nepal Pvt. Ltd. (React Developer Test Question) Create a fresh react application and develop features as described below. The required UI images and a json file for products list are attached along with this document. UI components’ designs are not required as shown in images but a pleasing UI is expected. The repository should not contain any extra code segments other than described in the user story below. Your coding pattern, javascript knowledge, React skills, UI presentations will be evaluated. Create a shopping cart UI flow as per the user story described below: 1. First screen: As a user, I must see a message on the screen with a button to add products. I should be able to click the button so that I can add products to my cart. 2. Second screen: As a user, I must see the UI (preferably popup UI) with a list of products with price for the product. The list should be loaded from the products.json file( attached along with this document). The initial list of products should contain only 10 products. I should be able to search the products from the search text field. I should be able to select/deselect the product in the list of products. The products that I have selected should remain selected even if I searched for another product. When I click the reset button, all the selected products should be deselected. When I click the done button, I should be taken to the third screen. 3. Third screen: As a user, I must see the list of selected products from the previous screen. Here, I should be able to add or reduce the order quantity for the particular item. There should be a delete button for each item in the list. There should be an ‘Add to order’ and ‘Back ’button on the bottom of the page.. When I click the ‘Add to order’ button, I must be taken to the fifth screen, where all the selected products with respective quantity and price will be listed. When I click the ‘Back’ button, I must be taken to the second screen, Where I must be able to add or reduce the products from the list. 4. Fourth screen: As a user, When I click the delete button, I must be able to see the warning message with the buttons ‘Cancel’ and ‘Confirm’. If I click the ‘Cancel’ button, nothing should happen. If I click the ‘Confirm’ button, The respective product should be removed from the selected list. 5. Fifth screen: As a user, I must see the list of my selected products with respective quantity and price. I should be able to see the extra rows that will display the subtotal of the products, VAT calculation (which will be 25% of subtotal) and grand total of my order. There should be an Confirm’ and Add products ’button on the bottom of the page. When I click the ‘Add products’ button, I must be taken to the second screen. When I click the ‘Confirm’ button, I must be taken to the sixth screen. 6. Sixth screen: As a user, I must see the message in the screen stating the order has been placed successfully. I should see the QR code in the sceen, I must be able to scan the QR code via mobile in order to get the receipt of my purchase. The screen must be displayed for 10 seconds and the first screen should be displayed automatically after 10 seconds. (Note: You can put the QR code from the attached UI design in the sixth screen.) P.S. You can send the source code by replying to the mail.