Frontend
Typed, component-driven UI with a responsive dark design system and subtle motion.
Next.jsReactTypeScriptTailwindshadcn/ui
Proof
Proof of Work
A practical look at the systems, workflows, architecture, and deployed features behind this portfolio.
Interactive demo
The lead workflow, running live
This mirrors the real admin dashboard — search, status workflow, notes, and CSV export — but runs entirely on safe sample data in your browser. No database, no admin API, no real leads.
Lead Manager
Public demo using sample data7 sample leads · 2 new · 2 contacted · 1 qualified
This is a safe, self-contained demo. Everything below uses fictional sample data held in your browser — it never calls the admin API, Supabase, or any real leads. Changes reset on refresh.
| Lead | Service | Status | Notes |
|---|---|---|---|
Jordan AveryNew BrightClean Services | Lead capture system | ||
Priya NairContacted Nair Family Dental | Admin dashboard | ||
Marcus WebbQualified Webb Plumbing Co. | CRM workflow | ||
Elena FischerNew Fischer Design Studio | Business dashboard | ||
Tomas ReyesContacted Reyes Logistics | Workflow automation | ||
Hana SatoClosed Sato Bakery | Lead capture system | ||
Daniel OkoroArchived Okoro Fitness | CRM workflow |
Try it: search, filter by status, change a status, edit a note, then export the filtered set as CSV — the same workflow the real admin dashboard runs against Supabase.
Architecture
How the system fits together
Backend
Next.js API routes handle form submission and admin actions, with schema validation on every input.
API routesZod validationServer-side
Database
Leads are stored in a Supabase Postgres table that backs both the contact form and the admin pipeline.
SupabasePostgresLeads table
Admin
A protected admin dashboard gated by a bearer token, with a status and notes workflow per lead.
Protected routeBearer tokenStatus & notes
Export
A CSV export workflow turns the filtered lead set into a clean file for hand-off to other tools.
CSV exportFiltered dataHand-off
Automation Audit
The audit tool captures workflow inputs, returns a recommendation, and saves the request to the lead flow.
Workflow inputRecommendationSaved lead
Security
How the data stays protected
- The Supabase service role key is server-only and never reaches the browser.
- Admin API routes verify a bearer token before returning any lead data.
- Environment secrets live in .env.local, which is not committed to the repo.
- Every user input is validated with Zod schemas before it is stored.
- This public demo uses mock data only — it never touches the admin API or Supabase.
- Real leads are protected behind admin access and are never exposed publicly.
Evidence
Shipped work behind the claims
ServicePro Lead Engine
- Problem solved
- Service businesses lose inquiries in a personal inbox with no structured place to track follow-ups.
- Technical proof
- Full-stack Next.js app: Zod-validated contact form, Supabase leads table, token-protected admin dashboard with status, notes, and CSV export.
- Business value
- Every inbound lead lands in one searchable source of truth with a clear status workflow.
Business Expense & Sales Dashboard
- Problem solved
- Owners track sales and expenses in disconnected spreadsheets and recalculate profit by hand at month end.
- Technical proof
- Responsive dashboard with server-side aggregation that turns daily entries into live KPI cards, trend charts, and exportable reports.
- Business value
- Profit becomes visible day-to-day, so pricing and spending decisions stop lagging the numbers.
AI Lead Tracker CRM
- Problem solved
- Freelancers and small teams scatter prospects across notes, chats, and spreadsheets, so follow-ups slip.
- Technical proof
- Focused CRM dashboard with a status pipeline, per-lead notes, and client-side search — backed by Sheets or a database.
- Business value
- A lightweight pipeline that gives solo operators a professional follow-up system without a heavy CRM.
Automation Audit Tool
- Problem solved
- Small businesses know they waste time on manual work but can't see which workflows are worth automating.
- Technical proof
- Interactive, rule-based audit that scores workflow inputs, recommends a system, and saves the request into the lead flow.
- Business value
- Turns a vague 'we should automate something' into a concrete, prioritised recommendation in minutes.
Want this kind of system for your business?
Run the automation audit for a quick recommendation, or reach out directly to scope a build.