Full multiple restaurants order & delivery application
I would like to start by thanking you for purchasing this template. I hope that you will be very satistfied with the item, and with our supoort.
In this documentation, we will show you how to configure and setup the application, how to customize it and how to change the behaviour and the code.
Before starting, it is required that you install NodeJS as it will be used as an execution environment for the mobile application, the dashboard and even the server.
To verify that you have correctly installed NodeJS, open your terminal and run these two commands: npm -v and node -v
It should shows the version that you have installed. If it didn't please re-install it.
You also need to have a firebase project, a google maps key and a stripe account.
The downloaded zip file from envato should contains these folders:
Here's the purpose of each folder:
Setting up the application with your own title, language, database, etc... couldn't be eaiser, as we provide a setup wizard that will do all the work for your (you're welcome )
You can find the setup wizard at https://mataam.themeleger.net/setup
To start the server, follow these steps:
To start the Admin dashboard, follow these steps:
To start the Restaurant dashboard, follow these steps:
To start the Mobile application, follow these steps:
To start the Delivery application, follow these steps:
Building an application is a necessary step to deploy it, but it's not a hard step. In this section we will see how to do this step
You could host the dashboards on any kind of a server, or even on a html and css only hosts (many of them are free)
The Mobile app need to be hosted on Google PlayStore and/or Apple AppStore.
And for the server, it need to be deployed on a NodeJS server. A free and a recommended solution is to depoloy it on Heroku Cloud by following this documentation
We made the code clear and well structured to make it easier for clients to customize the application
If the desired language does not exists on the setup wizard you should change it manually by going to the Language.js file inside the dashboards and the applications source folders.
You will find all the text displayed inside the application in a JSON format so it's pretty easy to change.
If you don't know about JSON i advice you to read this tutorial first.
Each part of the app (there's 5: Two mobile applications, two dashboards and a server) have it's own configuration file placed inside the source folder. You could open it with your favorite editor and change it values.
To change the icon and the splash screen of the app i advice you to use the React Native Generator package which will make this step alot easier.
First prepare the icon image (should be a square image with a size greater than 192x192 px) and the splash screen image (size bigger than 2208x2208 px) and then use the RN generator module to use this images to generate the icons and the splash screens for the Mobile and the DeliveryApp applications.
Follow this instructions on how to use the React Native generator.
If you run into any problems during installation, use, or customizing please feel free to contact us at firstname.lastname@example.org