The Order and Table Management System is a full-stack application designed to optimize and simplify restaurant operations, streamlining the customer order flow to enhance service efficiency. The application offers an integrated solution for restaurants aiming to enhance customer experiences and improve internal management.
The deployment of this application can be found at the following address: Deploy-frontend.
The link to the backend repository that serves this application can be found at the following address: Repo-backend. As for the backend deployment link, it can be accessed at the following address: Deploy-backend.
The Orders and Tables Management System is a fullstack application designed to optimize and simplify restaurant operations, allowing for streamlined customer order flows and facilitating efficient service. The application provides an integrated solution for restaurants aiming to enhance customer experiences and improve internal management.
The main dashboard serves as the control center for the restaurant. Managers can monitor and manage all tables and orders in real time. The intuitive interface visually displays table orders, enabling the staff to identify tables that require attention.
Tables can be created and deleted directly from the dashboard. Each table is associated with a unique QR code that customers can scan to access the restaurant's menu on their mobile devices.
Through the QR code, customers can access the restaurant's digital menu on their smartphones. This provides a convenient and contactless experience, allowing customers to browse the menu and place orders according to their preferences.
When a customer places an order using the digital menu, order details are instantly sent via socket to the main dashboard. This enables the restaurant staff to track orders in real time and respond to customer needs promptly.
Each order is recorded in the database, ensuring a complete history of customer interactions with the restaurant. This not only assists with inventory and production management but also enables the restaurant to better understand customer preferences and offer personalized service.
- Clone the repository
git clone https://github.com/Megas-MDN/q-menu.git- Enter the cloned folder
cd q-menu- Install the dependencies
npm install- Build the project
npm start- Run in development mode
npm run devTo run this project, you will need to add the following environment variables to your .env file.
VITE_URL= Backend.
VITE_SOCKET_URL= Socket server
🌟 Ready to use!
- javascript : Language
- Vite : Frontend build tooling
- React : Framework
- Mongo DB Atlas : Data base
- Socket.io : WebSocket
- Vercel : Deploy developer mode
Developed with ❤️ by Megas