SNGDC — Synthetic Natural Gas Distribution Company — full-stack project

SNGDC is the digital platform for the Synthetic Natural Gas Distribution Company: billing, customer self-service, complaint workflows, operations dashboards, and Capacitor mobile parity.

The codebase is one of the workspace's reference implementations of the user-facing Radix theme customizer (appearance / accent / radius / scaling / font-size / panel-bg / gray) with `@capacitor/preferences` local persistence and Firestore cross-device sync for authenticated users. A boot loader gates render until both theme and auth hydrate, eliminating flash-of-unstyled-content.

As of the 2026-05-04 zero-deferred-items pass, every log site routes through the centralized logger across 50 files and lint passes with zero warnings as the new quality baseline.

Tech stack

  • React 19
  • TypeScript 5.9
  • Vite 7
  • Radix UI
  • react-hook-form
  • zod
  • Capacitor 8
  • Firebase Auth
  • Firestore
  • Firebase Hosting

Key features

  • Customer billing and statements
  • Self-service complaint workflows
  • Operations dashboards
  • Capacitor mobile parity
  • Workspace-reference theme customizer (7 dimensions)
  • Cross-device theme sync via Firestore
  • Boot loader gating render until hydration
  • Centralized logger with zero lint warnings

Category: full-stack · Status: in-progress · Started: 2025-11 · Through: Present · Client: AOneAhsan

Tags: utility · gas-distribution · customer-self-service · capacitor · radix-ui · theme-customizer


Contact

Website: https://zaions.com
Email: aoneahsan@gmail.com
GitHub: github.com/aoneahsan
LinkedIn: linkedin.com/in/aoneahsan
RSS Feed: https://zaions.com/feed.xml
Sitemap: https://zaions.com/sitemap.xml
LLM Index: https://zaions.com/llms.txt