✦ Web Application Showcase

MSBR Management
System

A full-featured business management platform built for Marguerita Sunset — covering everything from accounting to HR, room bookings to boat sales, all in one seamless interface.

✅ 14 Modules 🔒 Role-Based Access 📊 Live Analytics ☁️ Supabase-Powered
🛡️
Security Audit — All Checks Passed
Independent review of client-side security posture · MVI Port Barton Tech
ALL CLEAR — SECURE
🔑
Password Hashing (SHA-256)
Passwords are never stored in plain text. All credentials are hashed via SHA-256 before storage.
🧱
XSS Prevention
escH() sanitises all user-generated strings before injecting into the DOM — cross-site scripting blocked.
🔐
Delete PIN Protection
Destructive actions (deletions) require a separate PIN challenge. Prevents accidental or unauthorized data removal.
🚪
Session Authentication Gate
All pages are hidden behind a login overlay. No content is rendered until credentials are verified client-side.
👥
Role-Based Access Control
Sub-accounts can only access modules explicitly granted by Admin. Sidebar buttons and pages are hidden for unauthorized roles.
🔒
Admin Privilege Isolation
The built-in Admin account cannot be modified or deleted by sub-accounts. User Manager panel is admin-only and locked.
📵
No Inline Script Injection
Dynamic HTML uses sanitized output helpers. No raw innerHTML from untrusted sources is executed.
🔄
Supabase Auth Layer
Cloud data is backed by Supabase's RLS policies — server-side access rules supplement client-side role checks.
Built With
Supabase
Chart.js 4
XLSX.js
SHA-256 Crypto
Google Fonts
Vanilla JS
CSS Custom Props
Complete Module Snapshot

14 Modules. One Platform.

Every feature your business needs — from daily sales entry to full payroll management — accessible from a unified sidebar dashboard.

Overview
📊
Overview
Dashboard
Central command — live KPI tiles, recent transactions, today's summary, and quick-action shortcuts across all modules.
KPI tiles Live totals Quick actions
📈
Overview
Charts
Interactive Chart.js visualisations — revenue trends, expense breakdowns, cash flow curves, and time-range toggles.
Time filters Multi-chart Chart.js 4
🎯
Overview
Business Analytics
Deep-dive business intelligence — profitability ratios, category rankings, trend analysis, and exportable reports.
Ratios Rankings Export
Accounting
🍹
Accounting
Sales & Revenue
Log daily sales by category, track revenue streams, and review historical sales entries with filtering and export.
Categories XLSX export Filters
💸
Accounting
Expenses & Purchases
Record business expenses, categorize purchases, attach notes, and monitor spending against budgets.
Categories PIN delete Search
📋
Accounting
Payables / Receivables
Track accounts payable and receivable — due dates, partial payments, status badges, and aging summaries.
Due dates Status badges Aging
💵
Accounting
Cash Flow & Petty Cash
Monitor cash position in real time — petty cash in/out, safe vault deposits and withdrawals, running balance.
Safe Vault Petty cash Running bal.
📦
Accounting
Inventory
Stock management with quantity tracking, low-stock alerts, reorder points, and category organisation.
Low-stock alert Categories Reorder
📈
Accounting
P&L Report
Auto-generated Profit & Loss statement — gross profit, net income, operating expenses, with print-ready layout.
Auto-calc Print-ready Date range
Operations
⛵
Operations
Boat Sales
Log boat charter and island tour bookings — track passenger counts, routes, pricing, and daily revenue totals.
Bookings Routes Revenue
🛏️
Operations
MSBR Rooms
Room reservation manager — check-in/out dates, guest details, occupancy view, and accommodation revenue tracking.
Check-in/out Occupancy Guest log
Payroll
👥
Payroll
Payroll & HR
Full HR suite — employee records, salary computation, deductions, allowances, attendance, and payslip generation.
Payslips Deductions Attendance
🔗
Payroll
Payroll Link
Bridge module that syncs payroll cost data into the accounting ledger — keeps HR spend visible in P&L and cash flow.
Auto-sync Cost link Ledger push
System
🔧
System
Debug — Data Inspector
Admin-facing data inspector — view raw localStorage payloads, Supabase sync status, and run diagnostics.
Raw data Sync status Diagnostics
Admin
👤
Admin
User Manager
Create and manage sub-accounts with granular module-level permissions. Set roles, reset passwords, toggle access instantly.
Sub-accounts Module perms Role editor