As a customer, I want to see a success page when I am done with payment so that I know the order was successful.
Success Criteria
Clone this react app repo https://github.com/Dufuna-CodeCamp/react-app
- Ensure your work is in the same project as the cart and verification page. This page is a continuation of the project. This project should be saved in a folder named REACT. This folder should be in the folder you created for yourself inside your submissions folder.
- Ensure the Order Successful on the page is highlighted
- Ensure that the user sees this page after clicking on the Pay navigation button on the verification page
- Ensure the developed UI looks exactly like the shared mockup and the page is mobile responsive i.e
a. It should look like this when viewed on a large screen or desktop. https://www.figma.com/file/qDRZt0susSQ5k4wEgB09hU/FoodBag-beginner?node-id=108%3A453
b. It should look like this when viewed on mobile phones. https://www.figma.com/file/qDRZt0susSQ5k4wEgB09hU/FoodBag-beginner?node-id=114%3A290
- Add screenshots of the success page to your PR. You can add them by dragging and dropping them to the PR description box or include a link to the screenshot when creating your PR
- Ensure your PR is created with the task title as seen on the mobile App
- On your terminal, ensure you are in the react-app directory when you run npm test command.
Please note that your PR will not be merged if the instructions are not followed
As a customer, I want to see a success page when I am done with payment so that I know the order was successful.
Success Criteria
Clone this react app repo https://github.com/Dufuna-CodeCamp/react-app
a. It should look like this when viewed on a large screen or desktop. https://www.figma.com/file/qDRZt0susSQ5k4wEgB09hU/FoodBag-beginner?node-id=108%3A453
b. It should look like this when viewed on mobile phones. https://www.figma.com/file/qDRZt0susSQ5k4wEgB09hU/FoodBag-beginner?node-id=114%3A290
Please note that your PR will not be merged if the instructions are not followed