QR Dine - Client is the customer-facing side of the QR Dine platform, where customers can seamlessly scan QR codes at restaurant tables to view menus, place orders, and interact with restaurant services directly from their mobile devices.
This client application is designed to enhance the customer dining experience by allowing them to easily browse menus and order food without the need to wait for a server.
- QR Code Scanning: Customers can scan a unique QR code placed on the table to access the restaurant’s menu.
- Browse the Menu: View the restaurant’s offerings, including categories like appetizers, main courses, desserts, etc.
- Place Orders: Add items to the cart and submit the order directly from the mobile device.
- Real-Time Order Confirmation: Receive real-time updates on the status of the order placed.
- Node.js (for Next.js application)
- Admin Application: The client application requires the admin application to be running locally, as it pulls data from the admin's backend (such as menus, tables, and orders).
- Clone the repository:
git clone https://github.com/Pratish10/qr-dine.git- Navigate to the project directory:
cd qr-dine- Create a .env file:
Copy `.env.example` and rename it to `.env`.- Install dependencies:
yarn install- Set up the backend (Admin Application):
Since the client application fetches menu and table data from the admin backend, you need to run the admin application locally.
Follow the instructions from the Admin Application README to run the admin application locally. Ensure the admin application is running at http://localhost:3000 (or update the .env file in the client app if it's running on a different port).
- Start the development server:
yarn devUse the following test card numbers to simulate payments in Stripe during development. These card numbers are for test mode only and will not result in real charges.
| Card Number | Card Type | Description |
|---|---|---|
| 4000 0035 6000 0008 | Visa | Successful payment |
- Expiry Date: Use any future date
- CVV: Use any 3-digit number
- These card numbers only work in Stripe's test mode.