BurgerPoint

Add a review
Edit This Product
A comprehensive restaurant and food management system designed to streamline operations and enhance the dining experience.
,

Descriptions

Overview

BurgerPoint is a complete and self-manageable website solution, perfect for restaurants, cafes, and any food business. It features a modern frontend built with React (Vite + TailwindCSS) and a powerful backend powered by PHP and MySQL, allowing you to manage your entire content from a secure admin panel.

Give your clients a professional and easy-to-use tool to manage their online presence without technical knowledge. The admin panel allows full control over products, categories, homepage content, site colors, and general settings.

Features

  • Full Admin Dashboard
  • Complete Product Management (Create, Edit, Delete)
  • Multiple Image Uploads per Product
  • Category Management with Drag & Drop Reordering
  • Featured Products System
  • Full Homepage Customization (Slider Images & Hero Text)
  • Site-wide Color Scheme Customization from Admin Panel
  • General Settings Management (Logo, Contact, Social Media, Google Maps)
  • Admin User Management (for Superadmin role)
  • Built with modern technologies: React, Vite, and TailwindCSS
  • Secure PHP & MySQL backend with a RESTful API

Requirements

  • PHP Version: 8.0 or higher
  • Database: MySQL or MariaDB
  • PHP Extensions: mysqli, json
  • Web Server: Apache or Nginx with mod_rewrite enabled
  • Node.js and npm (required to compile the project after changing the API URL)

Installation Guide

Important: This template requires familiarity with command-line tools (npm) to configure and build the project.

Step 1: Upload Backend Files
Unzip the main package. Upload the contents of the /api folder to your server (e.g., inside public_html).

Step 2: Create and Import Database
Create a new database and user in your hosting panel. Then, using phpMyAdmin, import the database.sql file into your new database.

Step 3: Configure Database Connection
On your server, open the api/db_connection.php file and fill in your database details:

define('DB_USER', 'your_database_user');
define('DB_PASS', 'your_database_password');
define('DB_NAME', 'your_database_name');

Step 4: Configure API URL in Source Code
This is the most important step. You must edit the source code to point to your API URL.

  • Unzip the /source-code folder on your local computer
  • Open the folder in a code editor like VS Code
  • You must change the hardcoded API URL in the following files:
    • src/contexts/AuthContext.jsx
    • src/contexts/DataContext.jsx
    • src/pages/admin/AdminLogin.jsx
  • In each file, find the URL and replace it with the URL to your own API folder (e.g., https://yourdomain.com/api)

Step 5: Build The Project
After saving your changes, open a terminal in the /source-code directory:
Run npm install to install dependencies
Run npm run build to build the files for production

Step 6: Upload Frontend Files
Upload the contents of the newly generated /dist folder to your server, in the same location as your /api folder.

Step 7: Access Your Site
Your website should now be live and connected to your API.
Default admin login: https://yourdomain.com/admin/login
Password: admin1234

Hex Information (For Shop Owner): 57439

Similar Products

153866742112195188

Add a review