Step 0 - Create Firebase project


All the data is stored in Firebase Realtime Database and Firestore database.

In Firebase we store the information about the app, like colors, navigation etc..

And in Firestore is where our actual data is. Like menu content, categories, orders etc..

We use Firebase because it has an import function. 

Let's get started. Create an account in Firebase with your google account. 

Create a Firebase Project. 

VG81bBxGn9YNWqTmH6kEO3wCHRJrCn5BiUmiWtXB.png


OrQMiE1lc2WWzKqkwPmAIJ8a5UZ1lEWSICncvyRu.png

CJGbyOaNV4EdI3c1FjPGkjy7xfOBPVfUbhsfjroH.png


Create a real-time database

Go to Database and then click on the button called  "Create database"

qOYldsEBjKuXLQf1rA6YXaO8C7g58FCTEtYdUQsY.png

After clicking on the button it should appear a window that will ask you about security rules. Click on the Start in test mode and after that click Enable.

fUzpKg2ktMjb4PVCgzbRZdIubCABg0fWlSxnGHx5.png

With rules configured like this everyone can read and write in your database. This is ok for test and development purposes.

But for production, this is a good starting point. This will allow edit and write to all registered users. 

{
  "rules": {
    ".read": true,
     ".write": "auth !== null"
  }


Create a Firestore Database

Go in Databases ->Cloud Firestore


rr77a8wOoaOlYzx1SstmLOda5uyNOXPPYnu0XhCN.png

Or

v11spaCgNMZZwm8d1OIfixgViEI1YymXXC1Klg8G.png

Then, a pop up will appear. 

NFDhlKFILxh38cLLOHVqaBYYp4hVjLqgdL9qid1e.png

For now, use Start in test mode. 



Initialize Firebase Storage

Firebase Storage by default is not initialized. You will need to click on "Storage" and active the Firestorage Bucket. 

IRTvpxbrbeo0rTTiUAmbotOTBZYZzll7JBB36p56.png

iLB5zSWpBwNfRV1nJQpPadBm4zqaeairq9E8N5OI.png


Create a user in Firebase

After this, you should create a user in firebase for been able to login to your the app builder.

Go into firebase console and click on Authentication and after that click on Set up sign-in method 

qe83S1BmTWZnMf8Sgefmm0pKFzw93KrQs3CZ63GN.png

Click on Email/Password and enable them and click Save.

noPpZWk9PiDRbnNRPoIu7AZezp80HVFuFWfSVSdk.png

Now click on Users and now you should be able to click on Add user.

pHDOkSG5CpX3u7O1JogghnLEzUsmEwzSUtq53PQG.png

Enter your email and password click Add user.


Next

Create Expo.io accounts