This project is a React Native application for Kamoa, which allows users to upload a 6-month M-Pesa statement, understand their spending habits, and secure higher loan limits by sharing more information.
- UploadStatementScreen: The initial screen where users are prompted to upload a 6-month M-Pesa statement.
- HowToUploadScreen: Instructions on how to obtain and upload the M-Pesa statement, with a button to select the file and a field to enter the received code.
- AcceptPermissionsScreen: Request for permissions to access personal info, location, and app performance data.
- CustomButton: A reusable button component.
-
Clone the repository:
git clone https://github.com/loneverse/KamoaApp_CodingTest.git
-
Navigate to the project directory:
cd KamoaApp -
Install dependencies:
npm install
-
Start the server on a new terminal:
npx react-native start
-
Run the application :
npx react-native run-android
UploadStatementScreen.js: Screen for uploading the M-Pesa statement.HowToUploadScreen.js: Screen with instructions on how to upload the statement, a file select button, and a code input field.AcceptPermissionsScreen.js: Screen to accept app permissions.components/CustomButton.js: Custom button component.assets/satement.png: Image asset for the UploadStatementScreen.assets/kamoa_logo.png: Logo image for the UploadStatementScreen.assets/upload_statement.png: Image for the UploadStatementScreen.assets/permissions.png: Image for the AcceptPermissionsScreen.
- UploadStatementScreen: Guides users to upload their M-Pesa statement.
- HowToUploadScreen: Provides step-by-step instructions on obtaining the statement, including a file select button and a code input field.
- AcceptPermissionsScreen: Requests permissions necessary for the app functionality.
Each screen is implemented to closely match the provided design, including the text formatting, icons, and buttons. The CustomButton component is implemented to handle button presses and navigation between screens.
This project is licensed under the MIT License.