How i made ChaiPOS in just 10 minutes

Build a Tea Kadai Billing Software using ChatGPT

Complete Beginner Tutorial - HTML + GitHub Pages

Step 1

Generate the HTML using ChatGPT

Open ChatGPT and ask it to build your billing software. The better your prompt, the better your application.

Recommended Prompt

Assume yourself a Mobile Friendly Full Stack Developer.

Create a complete Tea Kadai Billing Software using only ONE HTML file.

Requirements

• Mobile responsive
• Beautiful UI
• Tea/Coffee/Snacks Menu
• Images for items
• Shopping Cart
• Bill Printing
• QR Code Payment
• LocalStorage
• Sales History
• Dashboard
• Daily Reports
• Dark Mode
• Offline Support
• Thermal Receipt
• Add/Edit/Delete Items
• Inventory
• Search Bills

Everything must be inside one HTML file
using HTML + CSS + JavaScript only.

The output should be directly hostable on GitHub Pages.

Copy the generated code and save it as:

index.html

Step 2

Create the HTML File

1. Open Notepad or Visual Studio Code.
2. Create a new file.
3. Paste the generated HTML code.
4. Save the file as index.html.

Folder Structure

TeaKadaiBilling/

│
├── index.html
├── images/
│     tea.png
│     coffee.png
│     samosa.png
│
└── logo.png

Double-click index.html to verify it opens correctly in your browser.

Step 3

Publish to GitHub Pages

1. Create a GitHub Account

Visit:

https://github.com

2. Create a Repository

• Click New Repository
• Name it:

tea-kadai-pos

• Select Public
• Click Create Repository

3. Upload Files

• Add File
• Upload Files
• Select index.html
• Commit Changes

4. Enable GitHub Pages

• Open Repository
• Settings
• Pages
• Source → Deploy from Branch
• Branch → main
• Folder → / (root)
• Save

5. Wait 1 Minute

Your website will be published as:

https://YOUR_USERNAME.github.io/tea-kadai-pos/

Tips

Why GitHub Pages?

• ✔ Completely Free
• ✔ HTTPS Enabled
• ✔ No Hosting Charges
• ✔ Works on Mobile
• ✔ Great for Demo Projects
• ✔ Easy to Update
• ✔ Supports HTML/CSS/JavaScript

Updating Your Website

1. Edit index.html.
2. Upload the updated file to GitHub.
3. Commit the changes.
4. GitHub Pages automatically republishes your website in a minute or two.

What's Next?

In the next tutorial you can learn how to add:

• ✅ QR Code Payments
• ✅ Local Storage Database
• ✅ Thermal Receipt Printing
• ✅ Inventory Management
• ✅ Daily Sales Reports
• ✅ PWA (Install as Android App)
• ✅ Barcode Scanner
• ✅ CSV Backup & Restore

© 2026 | Tea Kadai Billing Software Tutorial using ChatGPT & GitHub Pages