React Native Assignment

In this assignment, you have to create a mobile application using react-native framework which provides following functionalities:

• list users
• search for a user in list
• pagination of users list
• detail page for each user

Attention to detail and meeting all requirements is important in the project. Completing it in less time will not give you any preference.

Task Overview

App functions:

• List Users: The main screen should list all users
  • fields to be shown in card: first_name, last_name, age and web
  • clicking on first name should open Details page
  • website links (web) should open in a browser
• Search: Allow to search using first_name or last_name
• Pagination: Data in users List should be paginated
• Detail: Detail page should show all fields of user
  • Clicking on back navigates back to users List page

API endpoint:

https://datapeace-storage.s3-us-west-2.amazonaws.com/dummy_data/users.json

The user model has following fields:

User -
  id -
  first_name -
  last_name -
  age -
  email -
  web -
  company_name -
  city -
  state -
  zip;

Instructions

• Use the react-native framework for this assignment.
• IMPORTANT: Pagination, search etc. should be implemented manually in the frontend only. DO NOT use 3rd party library or inbuilt feature for these.
• Data should be fetched from the api provided (and not stored in source code)
• yarn start-android (or npm run start-android if using npm) should start the app in connected device or emulator. Similarly for ios.
• Repo should not contain irrelevant folders/files like node_modules, build directories etc.
• Follow the wireframes provided closely
• Follow these steps for submission:
  1. Fork the repository
  2. Create issues and work on them in their respective branches
  3. Complete the tasks while following all instructions
  4. Create MRs and merge into main branch
  5. When done, Test if all task requirements are met and instructions followed
  6. Push code to github
  7. Reply to the same email with the repo URL and apk
• For any queries please email us at hiring@truevalueaccess.com

Wireframes:

Wireframes for users list screen (left) and user detail screen (right)