Skip to main content

SNGDC Docs

Customer portal, billing, usage analytics, support, and the RBAC operations CMS for a synthetic natural gas distribution company.

Customer portal

A signed-in dashboard with bills, usage analytics, notifications, and support tickets. Email/password or Google sign-in, backed by Firebase Authentication.

Usage analytics with D3

Consumption is rendered with hand-built D3 charts — no charting library — so every axis, tooltip, and transition is under direct control.

RBAC operations back office

A five-role permission matrix (admin, manager, creator, editor, viewer) gates users, societies, customers, billing, advertising, and analytics.

Content Studio

Operators edit every section of the public website — hero slides, services, team, portfolio, jobs, FAQs, offices, certifications, announcements — without a deploy.

Web, Android & iOS from one codebase

Capacitor 8 ships the same React app to the browser and to native Android and iOS, with edge-to-edge handling, push notifications, and in-app updates.

Zero-cost backend

Firebase Auth + Firestore with client-side writes guarded by security rules, FilesHub for uploads, and no server functions. The app runs without paid compute.

Built and maintained by Ahsan Mahmood LinkedIn · GitHub · npm