Design task:

• Develop a simple onboarding flow for new users of the e-wallet product by leveraging ReactJS/ReactNative. The flow should include multiple steps to gather necessary information from the user:

  • Step A: Basic Information:

    Collect full name and ID number from the user

  • Step B: Additional Information:

    Gather email address, phone number and date of birth

  • Step C: Purpose - Choose one or multiple options:

    Allow user to select one or more purpose for using e-wallet product such as Money transfer, payment, bill payment, loan, investment or saving

Requirement:

• Build simple and efficient onboarding flow for customer using ReactJS/ReactNative with TypeScript.
• Should not overcomplicate the application
• Free to add any additional features you think are necessary
• Build an onboarding component that collects all necessary data and returns an object representing that data.
• The order of the step is configurable. A → B → C or A → C → B (whatever)
• Unit testing and UI testing is recommendation.

Person in-charge:

• Tuan Nguyen Anh ([email protected])

Tasks:

• ✅ Design UI for 3 steps
• ✅ Design data structure
• ✅ Initial project with Expo
• ✅ Define most used components such as Text, Button, Card, Pagination with some predefined presets
• ✅ Define a layout constants to keep all the sizes in one place
• ✅ Write code for onboarding component
• ✅ Define a store which will hold all the steps, the form data to let the application shuffle and test onboarding again and again with in random order.
• ✅ Implement Unit test