Step 5. Init Mobile app

Install Required packages

Open the REACT APP BUILDER/Mobile app and there you will find the mobile app's code. 

Open the folder in the text editor. We recommend Visual Studio Code because of the Terminal that has been implemented inside. 

Another way is to open the project in Terminal or CMD. 

And when the project is opened run the command below, to install the node modules.

AubH2unoFwp93UyBasnvY0FB5oV8xCVY4UFWRO4q.png

npm install

It should create a node_modules folder.


Init mobile app

After you have installed the required packages, we will continue to initializing a mobile app. 

This means, downloading all app metadata from firebase locally, and make it ready for deployment.

Let's start. 

You should have the Mobile app folder opened in the terminal or in Visual Studio code terminal. 

run 

npm run produce

Then you should see this screen

xI2aSvbEFEBFsH4zMWFgVsTIrzohO8qGk2TlOJEq.png

Select to make Android or iOS app.

Both processes will download app data, and inform you for the next step

Next question is: What is the APP ID you want to make?

I6P2ylNz2ciDgipQqCbn5gFDoemLZigJUFFH1j4W.png

Open your online react app builder, that you have published, and open your app.

In the Basics tab, you will find the App Id number

t8RYlgrCUpNNRVIsnZ8N1feQ1tR1v4aMfoxTFzE4.png

Enter that number as an answer to the question.

Next, the process will start downloading all the data

Zd2FG3d5rvQyb4U8KvxmJAQKV2trgfHK1lYllQIh.png

Now all the app data is in place, and you are ready to test the app locally or deploy online


Test app locally

To test the app locally on a device or on a simulator, you need to execute

expo start

Then it will open a web browser. And there you should see this

7d6IClIELe5ykARPHN7UzhCpr9mRo3HrEC6B7HbK.png


You can test the app on android or on ios simulator. 


Deploy app online - Google Play and App Store

To start deploying your app on Google Play and App Store follow this guide

Deploy Mobile apps