Live Demo: https://ai-billing-app-eight.vercel.app
A fast, mobile-first Point of Sale (POS) system with barcode scanning — built using Next.js + Firebase.
Scan products → auto add to cart → generate bill → download receipt. All from your phone. No expensive machines needed.
Scan → Add → Bill → Done ⚡ (Add a GIF or short video here showing full flow)
- 📷 Barcode Scanner (real-time)
- 🛒 Smart Cart (auto quantity update)
- 🧾 Billing System (instant total)
- 📄 PDF Receipt Generator
- 🔐 Admin Dashboard (add/edit/delete products)
- 🔥 Firebase Backend (real-time + scalable)
- 📱 Mobile-first design (shop-friendly)
- 🏪 Kirana Stores
- 🏋️ Gyms (supplements billing)
- 💊 Medical Shops
- 🛍️ Small Retail Businesses
- Frontend: Next.js + Tailwind CSS
- Backend: Firebase (Firestore + Auth)
- Scanner: html5-qrcode
- PDF: jsPDF
git clone https://github.com/raizianofficial/firebase-pos-scanner.git
cd YOUR_REPO_NAME
npm install
npm run dev- Go to Firebase Console
- Create a new project
- Enable Firestore Database
- Enable Authentication (Email/Password)
Create a .env.local file:
NEXT_PUBLIC_FIREBASE_API_KEY=your_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_domain
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_bucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id
- barcode (string)
- name (string)
- price (number)
- totalAmount
- createdAt
- name
- price
- quantity
- Scan barcode 📷
- Fetch product from Firebase
- Add to cart 🛒
- Click "Generate Bill"
- Receipt generated 🧾
- Multi-shop support
- Analytics dashboard
- WhatsApp receipt sharing
- Offline mode
- Thermal printer integration
Contributions are welcome!
- Fork the repo
- Create a new branch
- Submit a pull request
If you find this project useful:
👉 Star this repo 👉 Follow me for more projects
Built by Sunny Rawat (Raizian) 🚀 Building real-world tools & systems
Tags: firebase pos-system barcode-scanner nextjs tailwindcss firestore web-app open-source javascript react billing-system
MIT License — free to use and modify.