Challenge Overview
Challenge Summary
Welcome to everyone! The goal of this challenge is to create the frontend app from a given design using React Native for both iOS and Android platforms.
NOTE: The timelines for every phase are shorter than normal code challenges.
Project Overview
The project will develop a mobile app for our client in which sales promoters perform re-registration and new registration and recharges.
In these series of challenges to build the frontend for react native,In this challenge we are working with PSE role’s features. In the future, we will continue to add other features.
After this challenge, we will integrate this feature with API and start building other remaining screens in the follow-up challenges.
Technology Stack
React Native, iOS 9.3+, Android 4.1+
Browser Requirements
Native application for both iOS and Android
Assets
The design file is shared on the forum
Individual Requirements
Implement the screens related to
- 2.4.1 Start Your Day/End Your Day (PSE role)
- 2.4.2 Request Balance (PSE role)
- MOA Link Push(For all roles)
- QR Code(for PSE and AP roles)
The details of the screen with the business flow is shared on the forum. If there is any confusion let's clarify on the forum.
General Requirements
- Use React Native best practices
- Divide the components into meaningful components that can be reusable
- Setup the “gitlab-ci.yml” to lint, and build the android app
- Set code convection using the linting library
- Translation on Myanmar and English should be supported, please use https://www.npmjs.com/package/react-native-localize
- All data should come from a mock API or JSON file.
- Performance must be taken carefully, as there will be lots of screens
- Bundled Application size will be a consideration on scoring in the major requirement section
Winner Responsibility
- The winner will need to send the merge requests on the Gitlab
- Winner has to fix the issues identified by the reviewer as a final fix within 24hr.
Final Submission Guidelines
Submit the zip containing
- Full source code with detailed readme to setup, deployment.
- A video URL of a demo. Please share the video from Google drive.