Challenge Overview
Challenge Summary
Welcome to everyone! The goal of this challenge is to update the mobile app from a given design using React Native for both iOS and Android platforms.
Project Overview
The project will develop a mobile app for our client in which users can easily transfer and receive money, buy airtime, or make payments using your mobile phone instantly, anywhere, anytime, and earn cashback. This is a consumer app, where any user can download, register, and use it.
In these series of challenges to build the frontend for react native, in this challenge we are developing the “bill payment” related screens. 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 and UI detail
Individual Requirements
Implement the screens related to
-
Bill payment
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
-
Set code convection using the linting library
-
Translation on Myanmar and English should be supported
-
All data should come from a mock API or JSON file.
-
Performance must be taken carefully, as there will be lots of screens
-
Only use third-party libraries that are accepted by Topcoder, please confirm before using PAID service or library
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
- Updated full source code with detailed readme to setup, deployment.
- A video URL of the demo on both iOS and Android. Please share the video from Google drive.