How stechyy/notabase works
Notabase is a client-side sales-recording and point-of-sale web app. The main workflow is maintaining a product catalog, building a cashier basket (optionally scanning product QR codes), completing a sale, and reviewing payment history. The README also documents account, personalization, backup, and app-management settings. Source excerpts show LocalStorage use and QR/camera behavior; other wiring and some documented capabilities are inferred only at subsystem level from the available files.
Main entry points: appAnimationScript.js App tabs · kasirQRScript.js Cashier · databaseScript.js Theme preferences · index.html Main interface
Components 21
App navigation
- Main interface
index.html - App tabs
appAnimationScript.js
Catalog and sales
- Product catalog
databaseScript.js - Cashier
kasirQRScript.js - Sale basket
kasirQRScript.js - Payment processing
kasirQRScript.js - Payment history
kasirQRScript.js - Product QR creation
databaseScript.js - QR scanning
kasirQRScript.js
Account and settings
- Settings tabs
settingsAnimationScript.js - Account management
databaseScript.js - Theme preferences
databaseScript.js - Data backup
databaseScript.js - App management
databaseScript.js - Settings panel
settingsAnimationScript.js
Browser runtime
- Browser storage
- QR libraries
- Visual themes
style.css - Dark theme
style-dark-theme.css
Other components
- User
- Device camera
Connections 25
- User → Main interface: uses
- Main interface → App tabs: displays tabs
- App tabs → Product catalog: opens catalog
- App tabs → Cashier: opens cashier
- App tabs → Payment history: opens history
- App tabs → Settings panel: opens settings
- Settings panel → Settings tabs: selects sections
- Product catalog → Browser storage: reads/writes products
- Product catalog → Product QR creation: creates product QR
- Product QR creation → QR libraries: generates QR
- Cashier → Browser storage: loads products
- Cashier → Sale basket: adds items
- QR scanning → Device camera: requests video
- QR scanning → QR libraries: decodes QR
- QR scanning → Cashier: fills product code
- Cashier → Payment processing: initiates payment
- Payment processing → Browser storage: updates stock and balance
- Payment processing → Payment history: records sale
- Payment history → Browser storage: reads payment records
- Account management → Browser storage: stores account data
- Theme preferences → Browser storage: stores theme choice
- Theme preferences → Visual themes: selects light theme
- Theme preferences → Dark theme: selects dark theme
- Data backup → Browser storage: exports data
- App management → Browser storage: resets app data