Restaurant Admin System

Version 1.0

Introduction

First of all, Thank you so much for purchasing this template and for being my loyal customer. You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template. You may learn basics here,

Requirements

You will need the following sofwares to customize this template.

  1. Code Editing Software (eg: Visual Studio Code)
  2. Web Browser for testing (eg: Google Chrome or Mozilla Firefox)
  3. FTP Tool to upload files to Server (eg: FileZilla)

Be careful while editing the template. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.

Getting Started

Restaurant Admin System is an application developed using Angular and CakePHP technologies in which you can manage many features and sync your restaurant in one place. Application works in the platforms i.e Android, iOS and Desktop, we have added PWA feature as well, so that you can install the application in your mobile or desktop devices.

Software Requirements

1. Install NodeJS version v16.14.0 as per your operating system from the below links :-

If you do not find any above links as per your operating system, please check the link and find the appropriate link for NodeJS

2. After downloading NodeJS , double click the setup file and once the installation is done, open command prompt in your system and type command below 

node -v

Result of above command should look like this below, if you are using windows OS

3. Download and Install Visual Studio Code from the link

Click here

4. Download and Install XAMPP as per your system OS

Click here

Once XAMPP installation is done, then click on search bar and search for Xampp and it should look like below

Click on `Run as administrator` and it will open XAMPP control panel, it should look like below

you can see Apache and MySQL in the left of the software, if those are running, then you dont need to anything else click on start buttons next to Apache and MySQL, to make sure Apache and MySQL is running, remember to run Apache and Mysql everytime , when you restart or start your OS (Operating System) otherwise , your Angular application will still run but will not connect to PHP API's.

How to Install Script

1. Setup Angular Script

  • Create any workspace on your system , for e.g create a folder restaurant_angular inside `C://` drive, copy all the files and folders from angular_script and paste in here. Ofcourse you can select any drive to create a folder.
  • Once you copied and pasted all files and folders from angular_script to your newly created folder, now we are going to configure newly folder in Visual Studio Code software
  • On the same new folder screen , right mouse click and click on Open in Terminal , you can see the below image and cross check your folder structure, should look like below

Click on open Terminal and type the below command

code .

Command prompt should look like this below, make sure you are at the newly created folder path in CMD

Press enter and it will configure the project in Visual Studio Code, should look like below

just click on `Yes I trust the authors`, now angular script is configured in your Visual Studio Code. Click on the Terminal from the main menu and type command below to install all required packages from `package.json` file 

npm install

Your terminal in Visual Studio Code should look like below

After typing above command, press enter, it will install the required packages on your system, make sure your internet is in stable connection, once installtion is done, it should look like below

Now Angular script is installed completely on your system, since Angular application is integrated with APIS which is developed in CakePHP, we will install the cakePHP script now.

2. Setup CakePHP Script

Since, you have already installed XAMPP software on your system, open path or go to this path `C://xampp/htdocs/` and create a folder inside there restaurant_php and copy all the files and folders from php_script and paste in newly created folder, it should look like below

Now you have to import MYSQL database in phpmyadmin , on your browser , type the URL `http://localhost/phpmyadmin` or click here, it should look like below

Next step is to create a database with the name `restaurant`, it should look like below

Click on Create, it will create restaurant database in phpmyadmin

Next step is to import Database from DB.sql file, click on the import from the main menu in phpmyadmin and import the DB.sql file from unzip folder you downloaded at the time of purchasing the item, it should look like below

Simply, click on Go button must be downward somewhere and it will import all tables SQL queries and it will look like below

Hurray!, you have done with Database import successfully , enjoying uhh.. :)

Next step to make sure , database is configured correctly in the PHP script, open the folder restaurant_php and open the path `C:\xampp\htdocs\restaurant_php\config`, open the file app_local.php in Visual Studio code or directly configure the php script in visual studio code by doing the same thing , open command prompt in the same folder and type code ., it will configure the PHP script in your visual studio code. Open app_local.php file inside config folder

Go to line no 50 by simple pressing key CTRL along with G, and type 50 and cross check the lines 47 to 50 , it should look like below

CakePHP script is configured and installed completely, make sure XAMPP is running as an Administrator. now to check PHP application working or not, on your browser type the URL http://localhost/restaurant_php/ or click here, should look like below

3. Running Restaurant Admin System Angular application on your local

Open restaurant_angular folder in Visual Studio code by same steps explained above and in terminal type the command below and press enter

ng serve

It should look like below

Now visit http://localhost:4200 or click here

Hurrah!, your restaurant admin system is up and running now, it should look like below

Credentials to Login

You can use either username or email ID to login , it totally depends on your convenience

Username ==> admin
Email ID ==> admin@admin.com
Password ==> admin

Enter the above credentials to Login, and it will land you to dashboard screen, it should look like below

Quick start with the features.

Add Customer

Open menu item by clicking Manage Customers and then click on Add Customer. Initially you will see the loader because it calls Backend API to get master roles list which is inside Role Type, with this , you can assign a customer a specific Role Type. You can see the nice form fields with proper validations applied to each and every field, to add new customer in system with below screenshot.

While adding new customer, you will get a nice options for random usernames to choose on your convenience. see the below screenshot

Edit Customer

From the menu item, click on the customers, see below screenshot

Click on Edit button, here you can edit any field for specific customer you want to edit, see screenshot below

Click on the Delete button from customers list, see screenshot below

Add Category

Click on Items Management from menu items, see below screenshot

Click on New Category button and it will open a popup to add new category, see screenshot below

Edit Category

Click on the Edit from the categories list, see screenshot below

Delete Category

Click on Delete from categories list, see screenshot below

Add Item

Click on the Items from the left menu items, and there click on the Add Item, see below screenshot, from here you can item for your Menu categories, here you have a good option to add multiple images.

Edit Item

Click on the Edit from Items list, see screenshot below

Delete Item

Click on the Delete from Items list, see screenshot below

Others Features

There are other many features , those are just only view and delete, from the above quick start, you will get enough idea, how to use them.

Support Desk

Please remember you have purchased a very affordable script and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your convenience, so please be patient, polite and respectful.

Please visit our profile page or ask question @uniyaldeepak4

Support for my items includes:
  • licenseResponding to questions or problems regarding the item and its features
  • licenseFixing bugs and reported issues
  • licenseProviding updates to ensure compatibility with new software versions
Item support does not include:
  • licenseCustomization and installation services
  • licenseSupport for third party software and plug-ins
Before seeking support, please...
  • Make sure your question is a valid Script Issue and not a customization request.
  • Make sure you have read through the documentation before asking support on how to accomplish a task.
  • Make sure to double check the script FAQs.
  • Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • Make sure to state the name of the script you are having issues with when requesting support via Codecanyon.

Copyright and license

For more information about copyright and license check https://codecanyon.net/licenses/standard.