Transactional App

Question Type: frontend

Question

In this stage, you have to build a simple app and must meet all requirements below. Please read all requirements carefully and try to give your best shot here.

Objective

Create an app Transaction Application that consists of two pages: Transaction List Page and Detail Page. Mockup for all pages is attached below.

  1. Transaction List Page

    • it has list of transactions
    • it can be searched or filtered by
      • Name
      • Sender bank
      • Beneficiary bank
      • Transaction’s amount
    • it can be sorted by
      • name A-Z
      • name Z-A
      • date newest
      • date oldest

  2. Detail Page

    • App navigated to Detail Page when transaction row on Transaction List Page is pressed.
      • it has all informations about the selected transaction
      • it has a back button

Additional Requirement

  • You must use React Native
  • You must obtain data only from here using API call,
  • You must NOT use utility library such as Moment.js, Lodash, date-fns, etc,
  • You must use a navigation library
  • You are allowed to use state management library

Your App Will Be Rejected If

  • You are violating any requirements stated above
  • Your app crash when explored
  • Your app don’t have the Transaction List page
  • Your app don’t have the Detail Transaction page with correct transaction information
  • Filter / search / sort functionality are not working

Our Assessment Criteria

  • UI similarity to our mockup
  • App functionalities
  • React Hooks
  • Code cleanliness and simplicity
  • Component modularization

Bonus Point

  • Minimized render times

Please add necessary comments for any highlights to help the reviewer baseline and assumption about your submission.

Please push the source code into your Github repository so we can review your codes. Good luck!!

001 002