Demonstration: https://drive.google.com/drive/u/0/folders/1IOAupRokQvc6zpEiNif99iOT2pcD7Vnl
This is a React Native project that serves to professionally and robustly showcase the functionality of its back-end complement, which is an API that manages authentication (e.g. create account, log in). Further details can be found in the Project Description.
The compatible back-end project can be found here.
To thoroughly comprehend this solution, it is highly recommended to have a strong understanding of the following:
- JavaScript (ES6)
- React Native
- React Navigation
- Token authentication
This React Native application provides a user interface and realistic flow for the services that the
back-end server provides, from creating an account
to fetching the user's information from the database.
This front-end project focuses on providing the best possible experience for every user on both android and iOS devices. For example, when a response from the server contains multiple authentication error messages, server.js calculates the priority of each message and only displays the most significant one. If the user tries to create an account with a username that already exists in the database, they are automatically redirected to the log in page along with the credentials they typed in and an appropriate message.
It utilizes packages for features like asynchronous storage to store the authentication token and navigation to navigate between screens.
git clone https://github.com/ymoondhra/tokenAuthFront.gitcd tokenAuthFrontnpm installnpm audit fix- Setup iOS:
cd ios && pod install && cd .. - Setup android: Place this file in
android/app/ - Run iOS:
react-native run-iosor openios/tokenAuthFront.xcworkspacein XCode and click the play button - Run Android:
react-native run-androidor open theandroidfolder in Android Studio and run it there - Start the back-end server
| # | Functionality Additions | Compatible with Back-End Version # |
|---|---|---|
| 1 | Found in the Project Description | 1 |
| # | Functionality Additions | Compatible with Back-End Version # |
|---|---|---|
| 2 | Use email address as username | - |
| 3 | Support social media account authentication and creation | - |