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.
-
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 thefirebaseConfig
. -
Create a
.env
file in the cloned repo's root directory. Write down these parameters inside the.env
file and assign them with values offirebaseConfig
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 theSign-in providers
list, enableEmail/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).
-
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.
-
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.
TODO: Add the steps here
TODO: Add the steps here