Skip to content

Create the Success Page Using REACT #102

Description

@Dufuna-Fem

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

  1. 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.
  2. Ensure the Order Successful on the page is highlighted
  3. Ensure that the user sees this page after clicking on the Pay navigation button on the verification page
  4. 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
  5. 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
  6. Ensure your PR is created with the task title as seen on the mobile App
  7. 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions