Project Overview
The Restaurant Bill Generator is a modern web-based application built using React and Tailwind CSS. It allows restaurants to efficiently create itemized customer bills with GST, discounts, and final payable amount. The interface is simple, responsive, and user-friendly, making it suitable for real-world use.
Screenshots
Key Features
• Add items to the bill with name, price, and quantity
• Automatic GST calculation (CGST + SGST)
• Apply discount to reduce total payable amount
• Edit or remove items from the bill
• Real-time calculation of subtotal, tax, discount, and final amount
• Print-friendly bill format with restaurant name “Demo Fast Food”
• Fully responsive design for mobile and desktop
• Clean and organized React component structure
Functionality
- Menu Item Input
- Users can enter item name, price, and quantity, and add it to the bill list.
- Bill Table
- Displays all added items in a formatted table with edit and delete options.
- Billing Calculations
- • Subtotal = total of all items
- • CGST 5%
- • SGST 5%
- • Discount (optional)
- • Grand total after applying taxes and discount
- Generate Final Bill
- Shows a clean bill format containing:
- • Restaurant name
- • Date and time
- • Item list with totals
- • GST and discount breakdown
- • Final payable amount
- • Thank-you message
Technology Used
- React.js
- Tailwind CSS
- JavaScript (ES6+)
- Vite
- Lucide-React (for icons, optional)
Why This Project Is Useful
- Helps restaurant staff generate accurate bills quickly
- Reduces manual calculation errors
- Can be converted into a full POS system in future
- Useful learning project for React state management and UI design
- Provides a professional and realistic project for portfolios or internships
Download Source Code
Project Setup Instructions
Note: This project is for educational purposes only. Not for commercial sale.
