Step 3. Installing the admin panel

Inside the folder that you get from CodeCanyon there is a folder "AdminPanel". 


This admin panel is React based admin panel and you can run it locally, deploy to your own hosting or install it in Firebase.

We have separate documentation for it. 


You have to follow just few of the step provided in our documentation. 


So let't get started

First, in the folder that you get from CodeCanyon there is folder "DemoData".

Inside that folder you will find "app.js" file.

Extract the zip file from "AdminPanel" and replace the file "src/config/app.js" with the "app.js" from the "DemoData" folder.


Next, in the same folder you will find the file "schema.json". Move that file to the "src/config" folder of your admin panel, replacing the existing file there.


In the same folder you will find the file "firestoreschema.js". Move that file to the "src/config" folder of your admin panel, replacing the existing file there.


Head over to FireAdmin Docs


Follow the following steps only

Installation - How to install FireAdmin Panle

Connect to Firebase - Connect the admin to the Firebase database you did before 

After you have finished with thous 2 steps, in the folder that you get from CodeCanyon there is folder "DemoData". 

There you will find file "demodata.json".

Go in your Firebase Console 

Open your project and go in "Database", and select "Realtime Database"

On the "More" icon on left, click on "Import JSON".

Select the "demodata.json" file. This will insert the demo data (in fact only the design for your app )inside your firebase.

That's it. The admin panel is set up. 


You can view videos of the admin panel in action to see how it works.


Next, you can publish the admin panel. 


To do that follow this guide.