Complete Web-Based POS with Inventory, Sales, Debt Tracking, and Fully Reporting

COMPLETE FEATURE LIST POS TERMINAL Product grid with image, category, price, and stock badge Out-of-stock overlay with disabled product selection Real-time product search Category filtering dropdown Barcode/QR scanner via camera Auto-detect rear camera for scanning Beep sound on successful scan Duplicate scan prevention (2-second debounce) Manual barcode input fallback Multi-camera switcher support Add-to-cart by clicking product cards Quantity controls (+ / −) Remove individual cart items Clear entire cart Live subtotal and total calculation Floating mobile cart button with item counter Cash payment with automatic change calculation Tendered amount validation Optional GCash payment integration GCash QR code display Unique transaction number generator Atomic stock deduction with rollback protection Real-time stock validation before checkout Receipt snapshot storage in database Printable receipt popup Custom receipt header & footer Optional automatic receipt printing Optional store logo on receipts INVENTORY & PRODUCT MANAGEMENT Add, edit, delete products Delete confirmation modal Product image upload support Camera capture for product photos Barcode scanner inside product modal Auto-generate SKU/barcode Product categories support Product thumbnail previews Live image preview before upload Replace/remove image option Automatic image compression Desktop table layout Mobile responsive card layout Low stock badge indicator Out-of-stock badge indicator Real-time product search Toolbar item counter DEBT / CREDIT TRACKER Customer debt management Multiple products per debt record Live total calculator Stock validation before debt creation Automatic inventory deduction Partial payment support Full payment collection Automatic balance updates Auto-status update (Pending/Paid) Debt deletion with confirmation Add customers directly inside debts page KPI summary dashboard Responsive desktop/mobile layouts REPORTS & ANALYTICS Gross sales monitoring Revenue tracking Transaction count analytics GCash revenue analytics Cash revenue analytics Date range filtering Daily revenue chart (Chart.js) Complete transaction logs Payment method badges CSV export support Printable PDF reports Delete transaction history option SETTINGS PANEL Store name configuration Store address & contact details Store logo upload GCash payment toggle GCash QR image upload Custom receipt texts Auto-print toggle Receipt logo visibility toggle Full database SQL backup export Database restore via SQL upload User account information display Secure logout system AUTHENTICATION SYSTEM Login via username or email Bcrypt password encryption Active-account-only login Secure session regeneration Show/hide password toggle Signup success alerts Complete session destruction on logout Protected page authentication UI & SYSTEM DESIGN Sticky top navigation header Live real-time clock Store branding integration Responsive desktop sidebar Organized navigation sections Active page highlighting Mobile responsive interface Modern dashboard UI Fast and lightweight system performance EXTRA HIGHLIGHTS Fully responsive on mobile & desktop Built for real businesses & student capstone projects Beginner-friendly code structure Modern UI/UX design Lightweight yet feature-packed Production-ready web-based POS system