orbit-web

byrashid Husain

Product Requirements Document (PRD) Project Title RK Hamza Mobile Repairing Shop Web App (React-Based, Offline First) 1. Overview This project is a mobile-friendly React web application designed for RK Hamza Mobile Repairing Shop. The app will manage product sales, repair services, customer data, and billing operations. The system must work fully offline using browser storage (IndexedDB / LocalStorage) and should not depend on any external API or cloud database. 2. Business Information Shop Name: RK Hamza Mobile Repairing Shop Phone Number: 7902160706 Address: Uttar Pradesh, Moradabad, Laluwala, Kadri Masjid Ke Samne, 244401 3. Core Features 3.1 Admin Login Username: rkhamza Password: hamza Secure login system 3.2 Dashboard Daily sales summary Total products Repair status overview 3.3 Product Management Add / Edit / Delete products Fields: Product Name Price Quantity Barcode Low stock alert 3.4 Barcode Scanner Use mobile camera Fast scanning Auto close camera after successful scan Scan to: Add product Add item in billing 3.5 Billing / Invoice System 80mm thermal printer format Features: Add multiple items Auto total calculation Discount option Print button PDF download Invoice must include: Shop Logo (RK Hamza) Shop Name (RK Hamza) Address Phone Number 3.6 Repair Management Add new repair: Customer Name Phone Number Device Model Problem Description Advance Payment Status: Pending In Progress Completed Delivered Repair history tracking 3.7 Customer Management Store customer details Search by phone number View purchase and repair history 3.8 Loyalty Card System Create customer loyalty card Fields: Name Phone Number Address Generate: Unique ID Barcode (above ID) QR Code (with customer data) Scan card to: Apply discount Fetch customer data 3.9 Reports Daily sales report Weekly summary Repair income report 4. Data Storage Must work offline Use: IndexedDB (primary) LocalStorage (fallback) No external database (No Firebase, No API) 5. UI/UX Requirements Design White background Colorful boxes and sections Mobile app-like UI Buttons 3D press effect Click animation (press + light blink effect) Layout Left sidebar with text: "RK Hamza" Clean and simple interface 6. PDF & Printing 80mm receipt format Include: Logo at top Shop details Items list Total amount Compatible with thermal printers 7. Technical Stack Frontend React (Vite) Tailwind CSS React Router Libraries Barcode Scanner: html5-qrcode PDF: jsPDF / html2canvas 8. Additional Features Search and filter system Data backup (export/import JSON) Fast performance Fully responsive (mobile first) 9. User Flow Login Open Dashboard Add products Scan barcode to sell Generate invoice Print / Download PDF Manage repairs Use loyalty