Mug-Shots

Mug-Shots is a billing website for a cafe, developed as a project for our practice school. The website is built using ReactJS and Firestore database, providing an efficient and user-friendly interface for managing cafe transactions.

Features

• Add, Alter, and Delete Menu Items: Easily manage the cafe's menu by adding new items, altering existing ones, or deleting items that are no longer offered.
• Search Bar for Adding Items to the Bill: Quickly find and add items to the bill using the integrated search bar.
• Invoice Generation: Generate invoices with account numbers and timestamps to keep track of transactions.
• Recent Transactions: The home page displays the most recent 5 transactions, allowing for quick reference and review.

Technologies Used

• Frontend: ReactJS
• Backend: Firestore Database

Project Structure

The project is structured into frontend and backend components, with the main features integrated seamlessly to provide a smooth user experience.

How to Use

1. Home Page:

   • View the most recent 5 transactions.
   • Navigate to different pages using the main menu.

2. Add Items Page:

   • Upload an image for the item.
   • Enter item details such as name, category, and price.
   • Click the 'Add Item' button to save the item to the database.

3. New Bill Page:

   • Use the search bar to find and add items to the bill.
   • Adjust the quantity of items dynamically.
   • Generate an invoice with account details and a timestamp.

4. Manage Menu Items:

   • Use the options in the main menu to add, alter, or delete items in the cafe's menu.

Installation

1. Clone the repository:

   git clone https://github.com/jaitrasaketh/Mug-Shots-.git

2. Install dependencies:

   npm install

3. Start the development server:

   npm start
   

License

This project is licensed under the MIT License. See the LICENSE.md file for details.

Contributors

1. Sri Jaitra Saketh Goparaju - f20220183@hyderabad.bits-pilani.ac.in