✦ 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