Skip to content

React Native authentication project that makes API calls to its back-end complement. Demonstration can be found here:

Notifications You must be signed in to change notification settings

ymoondhra/tokenAuthFront

Repository files navigation

tokenAuthFront

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.

Table of Contents

Prerequisites

To thoroughly comprehend this solution, it is highly recommended to have a strong understanding of the following:

Project Description

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.

Run The Project

  1. git clone https://github.com/ymoondhra/tokenAuthFront.git
  2. cd tokenAuthFront
  3. npm install
  4. npm audit fix
  5. Setup iOS: cd ios && pod install && cd ..
  6. Setup android: Place this file in android/app/
  7. Run iOS: react-native run-ios or open ios/tokenAuthFront.xcworkspace in XCode and click the play button
  8. Run Android: react-native run-android or open the android folder in Android Studio and run it there
  9. Start the back-end server

Versions

Existing Versions
# Functionality Additions Compatible with Back-End Version #
1 Found in the Project Description 1
Future Versions
# Functionality Additions Compatible with Back-End Version #
2 Use email address as username -
3 Support social media account authentication and creation -

About

React Native authentication project that makes API calls to its back-end complement. Demonstration can be found here:

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors