JustCode - React Native Zero to Hero Tutorial 8

Hi! Welcome to JustCode React Native Zero to Hero Tutorial 8 Github page. To run the application in this Github page you need to:

  1. Have a valid Oxford Dictionaries API account and create the application ID and Key. If you don't have, please sign up one at https://developer.oxforddictionaries.com

  2. Have a workable React Native development environment. If you don't have please watch the tutorial 1 video from the available sources below:

    English Version

    Chinese Version

  3. Have a valid Apple Developer account.

  4. Have a valid Firebase account and project. Please watch your Tutorial 5 if you not familiar with Firebase.

  5. Download the Firebase Google service json and plist file for android and iOS. Place the google-services.json in android/app folder and GoogleService-Info.plist in ios folder.

  6. Download the Firebase FCM private key and place it in the admin folder.

  7. Once you have the above conditions met, you may download the tutorial source code as a zip file or clone it using the command below.

git clone https://github.com/justcodejs/RN_Zero2Hero_Tutorial08.git

After you had downloaded/cloned the source code, you need to perform the tasks below:

  1. Change the App ID and Key in the src/lib/api.js file to the one you registered.
  2. Generate your own Google Firebase configuration file for both Android and iOS.
  3. Download the FCM private key.

For Mobile App

Execute the commands below in the project folder via the command prompt (Windows) or terminal (Mac)

# 1 - Install all the required modules
yarn install

# 2 - Run the application
# For iOS, please make sure you run the pod install command as shown below.

cd ios && pod install && cd ..
npx react-native run-ios
or 
npx react-native run-android

For Admin App

Before you can execute the admin app, make sure you had modify the three js files to change the FCM private key file path and the database URL.

# Install all the required modules
npm install

# Send a push notification to a specify device
# Make sure you had replace the token Id in the token.js file to your own device token.
node token.js

# Send a push notification by topic
node topic.js

# Send version upgrade push notification
node versionUpgrade.js

That is all and have Fun! All our videos are available in the following platforms: