Restaurant Billing System

A modern, feature-rich restaurant billing website with menu management, billing, payment QR codes, and sales reporting.

Features

✅ Billing Interface

• Clickable menu items with images for easy identification
• Real-time cart updates
• Quantity controls
• Tax calculation (5%)
• Clear cart functionality

✅ Payment Features

• Pay Now button with QR code generation
• Payment confirmation
• Order history tracking

✅ Bill Printing

• Print-friendly layout
• Professional bill format

✅ Menu Management (CRUD)

• Add new menu items
• Edit existing items
• Delete items
• Image support

✅ Monthly Sales Report

• Filter by month
• Total orders count
• Total revenue
• Average order value
• Detailed order breakdown

Default Menu Items

The system comes pre-loaded with:

• Idli - ₹40
• Poori - ₹50
• Pongal - ₹60
• Vada - ₹45
• Tea - ₹15

Setup Instructions

1. Image Setup

Create an images folder in the project root and add your menu item images:

images/
  ├── idli.jpg
  ├── poori.jpg
  ├── pongal.jpg
  ├── vada.jpg
  └── tea.jpg

Note: The system will automatically use placeholder images if image files are not found. You can add images later through the Menu Management page.

2. Running the Application

Simply open index.html in a modern web browser. No server setup required!

The application uses browser localStorage to store data, so all your menu items, orders, and sales data will be saved locally in your browser.

3. Using the System

1. Billing: Click on menu items to add them to the cart. Use the Pay Now button to generate a QR code for payment.
2. Menu Management: Add, edit, or delete menu items with images and prices.
3. Sales Report: Select a month to view detailed sales statistics and order history.

Technical Details

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Storage: Browser localStorage
• QR Code: QRCode.js library (loaded via CDN)
• Responsive Design: Works on desktop and mobile devices

Browser Compatibility

Works on all modern browsers:

• Chrome
• Firefox
• Safari
• Edge

Notes

• All data is stored in browser localStorage
• To backup data, export localStorage data using browser developer tools
• Images can be added via URL or local file paths
• QR codes are generated for payment confirmation purposes