Skip to content

Restaurant-Manager-Project/Restaurant-Manager-FE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

118 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Restaurant Management System


Overview

This repository contains the frontend code for a comprehensive Restaurant Management System designed to streamline operations for modern eateries. From efficient order placement to secure payment processing and robust administrative controls, this platform aims to enhance both customer experience and operational efficiency.

Restaurant Dashboard Screenshot

Restaurant Dashboard Screenshot


Key Features

Customer-Facing Features

  • QR Code Ordering: Customers can easily scan a unique QR code at their table to access the digital menu and place orders directly from their smartphones, reducing wait times and improving accuracy.
  • Seamless VNPay Integration: Offers a secure and convenient payment gateway through VNPay, allowing customers to complete transactions quickly and safely within the application.
  • Interactive Digital Menu: A user-friendly interface showcasing dishes with descriptions, prices, and images.
QR Code Ordering Flow Screenshot VNPay Payment Screenshot

Administrative Features

  • Order Management: Real-time tracking of new orders, order status updates (e.g., pending, preparing, ready, served), and order history.
  • Menu Management: An intuitive admin panel to add, edit, or remove menu items, categories, and pricing.
  • Table Management: Assign and manage tables, track their status (occupied, vacant, reserved), and link them to QR codes.
  • User Management: Admin tools for managing staff accounts and roles.
  • Reporting & Analytics: Basic reporting functionalities to view sales data and popular dishes.


Technologies Used

This project leverages a modern and robust tech stack to deliver a high-performance and scalable application:

  • Frontend: React.js for building a dynamic and responsive user interface, handling interactive elements and real-time updates.
  • HTTP Client: Axios for making efficient HTTP requests from the frontend to the backend API.
  • Database: PostgreSQL as the powerful and reliable relational database to store all restaurant data, including menus, orders, users, and tables.
  • Deployment: Render.com (or similar VPS/Cloud service) for easy and scalable hosting of both frontend and backend services.

Video Demo

Tiktok: https://www.tiktok.com/@thichfrontend/video/7454468387863907591?is_from_webapp=1&sender_device=pc&web_id=7507558842680100359

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •