wendysanarwanto / 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.

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

• react-native-cli.

• yarn.

• Android Studio.

• XCode.

• Firebase account.

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