Neurogenx
Preferred Provider Portal
Provider dashboard with stats, quick actions, and recent orders
Stripe-integrated supply catalog with category filtering and preferred provider pricing
Clinical forms and document library with search and category filters
Tech Stack
| Layer | Technology |
|---|---|
| Frontend | React 18 (Create React App) |
| Backend / DB | Supabase (PostgreSQL 17, Auth, Realtime, Edge Functions) |
| Payments | Stripe (@stripe/stripe-js) |
| Edge Functions | Deno (TypeScript) |
| Icons | Lucide React |
| Styling | Custom CSS with CSS variables (Roboto font) |
| Deployment | Netlify (build-on-push) |
The Problem
Neurogenx's preferred provider network had no centralized system for managing supplies, clinical forms, or practice materials. Providers ordered devices and supplies through phone calls and email chains, tracked nothing digitally, and had no visibility into order history. Clinical documents and marketing assets were scattered across shared drives and email threads. The lack of a unified hub created friction for providers and overhead for the Neurogenx operations team.
The Approach
I mapped the full provider workflow, from logging in and checking order status, to browsing supplies, submitting custom device requests, and accessing clinical documents. The portal needed to serve as a single destination for everything a provider interacts with in the Neurogenx network. I chose Supabase for its built-in auth, real-time capabilities, and PostgreSQL backbone, paired with Stripe for a production-grade ordering experience. Every page was designed around card-based layouts with clear hierarchy, so providers could find what they need between patient visits without a learning curve.
The Solution
The Neurogenx Preferred Provider Portal is a multi-page React SPA backed by Supabase and Stripe. Providers authenticate via Supabase Auth and land on a dashboard with at-a-glance stats and quick actions. The supply catalog pulls 45+ products from Stripe via a Deno edge function, with full ordering and order history tracking. Custom device and supply requests flow through structured forms into Supabase with webhook support for GoHighLevel and EmailJS. A document repository integrates with Google Drive for clinical forms, and a marketing materials library gives providers on-brand assets. Account management covers profile details, practice information, and billing. The entire system runs on Netlify with a responsive sidebar layout and a custom CSS design system built on CSS variables.
The Results
The portal replaced a fragmented, manual process with a single self-service hub for Neurogenx's provider network. Providers order supplies, track shipments, access clinical documents, and manage their accounts without contacting support. The Stripe integration automated the entire purchasing flow, and the Supabase backend gave the operations team real-time visibility into orders and provider activity. The system consolidated what previously required phone calls, emails, and shared drives into one responsive application.
Key Features
Multi-page provider dashboard with real-time stats and quick-action cards
Supabase Auth with email/password login and localStorage demo mode fallback
Stripe-integrated supply catalog with 45+ products pulled via Deno edge function
Order history tracking with status visibility across the full order lifecycle
Custom order request forms with Supabase persistence and webhook integration (GoHighLevel, EmailJS)
Document repository with Google Drive integration for clinical forms and resources
Marketing materials library with downloadable, on-brand provider assets
Account management with editable profile, practice details, and billing information
Responsive sidebar navigation with mobile support across all 8 routes
Custom CSS design system using CSS variables, BEM-like naming, and card-based layouts
Deno edge function for secure Stripe product retrieval on the server side
PostgreSQL-backed data layer with provider_profiles and custom_orders tables
Key Outcomes
45+ via Stripe
Products Listed
12 files, ~168KB
Source Files
852KB optimized
Build Output
Supabase Auth + demo mode
Auth System
8-route SPA
Pages
Netlify CI/CD
Deploy