The YarlVibe Restaurant Management System is designed to optimize restaurant operations by providing an integrated solution for billing, order management, table arrangement, and communication between kitchen staff and waiters. The frontend is developed using React.
- Node.js (latest stable version)
- npm (latest stable version)
-
Clone the repository:
git clone https://github.com/Aslam110-max/Yarl-Vide-ui.git cd Yarl-Vide-ui -
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and navigate to
http://localhost:3000to see the application running.
src/: Contains all the source code for the React application.public/: Contains the static files.package.json: Lists the project dependencies and scripts.
@emotion/react@emotion/styled@fortawesome/react-fontawesome@mui/materialreactreact-domreact-router-domreact-toastify
- Cashier Screen: Facilitates order entry, billing, and payment processing.
- Kitchen Staff Screen: Displays incoming orders and allows status updates.
- Waiter Screen: Manages table availability and notifications for order readiness.
Create a .env file in the root directory and add the following:
REACT_APP_API_BASE_URL=http://localhost:5000/api
Modify the REACT_APP_API_BASE_URL in the .env file to match your backend API base URL for different environments.