/react-native-employee-management

A React Native mobile app sample which demonstrate view navigation & simple authentication on a mobile app. The sample is taken from Udemy's "The Complete React Native & Redux" course, created by Stephen Grider.

Primary LanguageJavaScript

react-native-employee-management

A React Native mobile app sample which demonstrate view navigation, simple authentication on a mobile app using Firebase Authentication and Create-Retrieve-Update-Delete feature using Firebase Cloud Firestore as well. The sample is taken from Udemy's "The Complete React Native & Redux" course, created by Stephen Grider.

Pre-requisite

Setup

  • Clone this repository: git clone https://github.com/WendySanarwanto/react-native-tech-stack.git.

  • Change current directory to the cloned repo's directory.

  • Run yarn to install all required dependency.

  • Run cd android/app && keytool -genkey -v -keystore debug.keystore -storepass android -alias androiddebugkey -keypass android -keyalg RSA -keysize 2048 -validity 10000 && cd ../.. for creating required developer certificate.

  • Login into your Firebase web console, create a new project and create a new Web Application in the project.

  • On the Firebase web console, click Project Settings menu then make notes the firebaseConfig.

  • Create a .env file in the cloned repo's root directory. Write down these parameters inside the .env file and assign them with values of firebaseConfig you have noted in prior step. Example:

    FIREBASE_API_KEY=xyzabc
    FIREBASE_AUTH_DOMAIN=xyzabc
    FIREBASE_DB_URL=xyzabc
    FIREBASE_PROJECT_ID=xyzabc
    FIREBASE_MESSAGING_SENDER_ID=xyzabc
    FIREBASE_APP_ID=xyzabc
    
  • Back to Firebase web console's main dashboard, click Develop -> Authentication menu.

  • On the Authentication page, click Sign-in method tab link. Then, on the Sign-in providers list, enable Email/Password authentication method.

  • Click Users tab link and then add a new user. Make note the user's email address and password (Note: email address can be a fictional address).

How to run the app on Android Simulator

  • Run the Android Simulator from Android Studio.

  • Once the Android Simulator is running & ready, run react-native run-android command to build, install and run the app on the Android simulator.

How to run the app on an Android Phone

  • Ensure that your Android Phone's developer mode is enabled & activated.

  • Connect your Phone with the development machine using USB Cable.

  • Run adb devices -l command, to confirm that the Phone is already connected and has device id. Make note the device id.

  • Run react-native run-android --deviceId <phone id you noted in prior step> command to build, install and run the app on your connected android phone.

How to run the app on iOS Simulator

TODO: Add the steps here

How to run the app on iOS Phone

TODO: Add the steps here