Point of Sale (POS)

The fast checkout interface for processing orders instantly.

Point of Sale Interface

🛒 Creating a New Order

The POS screen is designed for speed. Follow the flow from top to bottom, left to right:

1. Customer & Order Details

Top-left panel. Enter the essential info to start:

  • Customer: Enter Name and Phone Number (Required). Email is optional.
  • Order Type: Select Dine-In / Book Table or Takeaway.
  • Payment Method: Choose Cash, Online, or Card upfront.
  • Discounts: Apply GST % (default), Discount %, or enter a valid Coupon Code and click "Validate".

3. Current Order (Cart)

Right-side panel. As you click items, they appear here.

  • Cart View: Shows selected items with quantity and price.
  • Totals: Automatically calculates Subtotal, Discount, Tax, and Final Total.
  • Action: Click "Place Order" to confirm and send to the kitchen.

2. Menu Selection

Bottom-left panel. Visual grid of your menu items.

  • Categories: Switch tabs (All Items, Starters, Tiffens) to filter the grid.
  • Search: Type in the "Search items..." bar to find a specific dish quickly.
  • Add to Cart: Simply click on a food card (e.g., "Dosa", "Idly") to add it to the active order.

🍔 Item Variations & Customization

Some items come with options. When you click a customizable dish (like "Manchurian"), a popup will appear:

POS Item Variations Modal
  • Select Variation: Choose the specific type (e.g., Manchurian DRY vs Manchurian Wet).
  • Dynamic Pricing: The total price updates automatically based on your selection ($120.00 vs $140.00).
  • Confirm: Click "Add to Order" to finalize the selection and move it to the cart.

🎟️ Applying Coupons

Maximize sales by offering deals. The POS automatically displays Available Coupons based on current promotions:

POS Available Coupons
  • Coupon List: Visible below the customer details. Shows the Code (e.g., TEST123), Discount (e.g., 50%), and conditions.
  • Conditions: Check specific rules like Min Order: $200 and Expires: 1/23/2026.
  • One-Click Apply: Simply hit the purple "Apply" button next to a coupon to instantly deduct the discount from the total.

Manual Validation

Validating Coupon

Alternatively, type a code directly into the Coupon Code field and click "Validate" to check eligibility.

Success & Calculation

Coupon Applied Successfully

Upon success, you will see:

  • Notification: A green "Coupon applied" toast appears top-right.
  • Cart Update: A green line item (e.g., Coupon Discount -$180.00) reflects the deduction.

⚠️ Error Handling & Validation

The system ensures data integrity before processing. If you attempt to place an order without essential details:

POS Validation Error
  • Visual Cues: Missing required fields (like Phone Number) are highlighted with a red border and error text.
  • Alerts: A red toast notification appears at the top right: "Please fill required fields before placing the order".
  • Resolution: Correct the highlighted fields to proceed with checkout.