Skip to main content

Portfolio

Employment proof

CRM automation, AI workflows, retail operating systems, and business apps shown through inspectable project evidence.

The work below is organized for hiring managers and direct clients: what broke, what I built, what proof exists, and which stack signals transfer to the role.

I am strongest where business process, CRM logic, automation, AI-assisted workflows, and lightweight product development overlap. These projects show how I capture, route, qualify, sync, inspect, and hand off work across real operating systems, not just static pages.

Results people actually say out loud

As a business owner for more than a decade, I’ve always known the importance of growth—but technology has never been my strength. Building a landing page felt overwhelming and, honestly, something I thought was too complicated to execute on my own. Through Johnred, everything changed. With the guidance of Johnred, what once felt “hard to understand and execute” became simple, clear, and doable. Step by step, he helped us not only understand the process but actually bring it to life. We were able to confidently create and launch our own landing page—something I never imagined we could do ourselves. What truly stood out was his patience, expertise, and genuine heart to deliver excellence. He didn’t just teach—he guided, supported, and made sure we succeeded. If you’re someone who feels limited by tech skills, this program—and Johnred’s guidance—is something I highly recommend.

Maila Dadivas

Alignment Coach | Business Owner | Investor · Fastrack Money Success

Shopify-style storefront home with warning strip, category navigation, hero, and product photography.23 images

Built Applied System

The Vape Shop

Retail operating system connecting storefront, POS, admin, inventory, offline queueing, and mobile/tablet paths.

Problem

Disconnected storefront, branch stock, order handling, and reporting created operating risk.

Built

Next.js storefront, Vite React POS/admin views, Supabase backend, Dexie offline queue, shared packages, and Android/tablet path.

Proof

Screenshots and videos show storefront commerce, product detail, checkout, branch POS, online order queue, inventory, admin controls, sync diagnostics, and mobile flows.

ReactNext.jsTypeScriptSupabaseDexiePOS
GoHighLevel workflow proof showing lead capture, registration, reminders, follow-up, branching, and pipeline automation paths.6 images

Client Build

Fastrack Money Success

Workshop funnel and CRM system connecting registration, payment, reminders, tagging, lead scoring, and program follow-up.

Problem

Offline-heavy acquisition and manual follow-up made lead stage, payment state, and post-workshop interest hard to inspect.

Built

Landing page, registration flow, payment path, GHL workflow maps, tagging, scoring, pipeline automation, and Sanity content controls.

Proof

Screenshots show GHL reminders, lead scoring, registration, payment state, pipeline views, and pricing/calendar controls.

GoHighLevelGHL WorkflowsSanityLead scoringPaymentsCRM
Dashboard proof showing inbox, pipeline, approvals, widget preview, and operating controls for an AI front desk system.3 images

Technical Architecture

The System

AI appointment-setting architecture designed around messy real conversations, timing control, and CRM handoff constraints.

Problem

Prospects send fragmented messages, and simple bots respond too early or too rigidly.

Built

GHL channel strategy, Supabase prompt/data layer, Trigger.dev timing control, n8n orchestration, and prompt UI.

Proof

Architecture evidence covers runtime sequence, debounce control, prompt assembly, widget capture, and GHL workflow constraints.

GHLn8nSupabaseTrigger.devAI agentsPrompt systems
Sagad OS command center proof showing queue health, SLA risk, approval load, pod coverage, readiness checks, and channel readiness.4 images

Open-Source Platform / v0.1.0 Preview

Sagad OS

Open-source, self-hostable AI-native BPO platform for queue visibility, AI draft review, supervisor approvals, knowledge context, CRM context, audit trails, and traceable handoff workflows.

Problem

AI-assisted BPO and contact-center work needs a visible operating layer for SLA risk, approval load, confidence, QA context, escalation reasons, CRM context, and handoff ownership before replies or tool actions leave the system.

Built

Next.js Sagad Console, FastAPI + LangGraph Agent Studio backend, governed knowledge retrieval, approval gates, typed operating data, command center, attention queue, conversation review, Chatwoot/Twenty adapter boundaries, LangSmith trace path, and CI/Docker scaffolding.

Proof

Fresh dev-account screenshots show the command center, attention queue, conversation review, AI decision trail, knowledge context, approval gate, and adapter/tool readiness surfaces.

AI-native BPOLangGraphLangChainLangSmithChatwootHITL
Hyperion overview proof showing the loaded golden demo, readiness score, solar snapshot, proposal value, blockers, and next workflow action.6 images

Open-Source Platform

Hyperion

Open-source solar installer workflow platform with a companion LoadLens marketing/intake path for prepared solar-fit leads.

Problem

Solar teams lose momentum when lead intake, bill review, roof context, documents, survey validation, proposals, net-metering blockers, and installer handoff live in disconnected tools.

Built

Hyperion local-first demo workflow for lead intake, pipeline, workbench, automations, analytics, documents, Supabase scaffolding, n8n-ready handoffs, plus LoadLens public intake for bill OCR/manual usage, roof potential, readiness score, and Hyperion lead handoff.

Proof

Fresh screenshots show the Hyperion golden demo overview, pipeline, workbench, automation handoffs, and LoadLens public homepage/intake path.

ReactViteSupabaseGoogle MapsOCRLoadLens
Demo architecture proof showing a property listings surface designed to connect rental demand, listing discovery, and buyer-intent capture.2 images

Technical Architecture / Proposal Blueprint

Real Estate Revenue Architecture

Proposal blueprint for connecting rental demand, listing discovery, guest behavior, lead scoring, CRM follow-up, and owner visibility.

Problem

Airbnb-style stays, listings, inquiries, and owner data often stay disconnected from sales follow-up.

Built

SEO-ready listings, PostHog behavior tracking, GHL CRM path, lead scoring, Slack alerts, and migration plan.

Proof

Evidence comes from demo listing surfaces, proposal blueprint notes, architecture diagrams, and CRM/analytics handoff planning.

GoHighLevelPostHogLead scoringSlack alertsProperty listings
Award image for WattWise at the New Energy Nexus Ready. Spark. Charge. Hackathon 2026.4 images

Hackathon Grand Champion

WattWise

Hackathon-winning energy project contribution focused on market research, adoption logic, business case, and pitch narrative.

Problem

A technical product needed clearer buyer logic, adoption story, and business case.

Built

Market research, customer/adopter analysis, business model framing, pitch narrative, and GTM positioning.

Proof

Award, team photo, research notes, and pitch preparation assets support the contribution.

Market researchPitch strategyGTMBusiness consultingPositioning

Fastrack Money Success - product architecture

A concrete example of how traffic turns into tracked leads, payments, and programs - not slides, a live stack. Speed-to-lead and routing here come from reminder and customer record workflows, not a separate “AI product.” Here’s how the pieces connect and what that gives the business.

  • Speed-to-Lead (automation + CRM)

    Instant capture, tagging, and follow-up sequences—so expensive traffic does not sit in limbo until someone checks a spreadsheet. That is what tightens CAC in practice.

  • CRM + automation backbone

    No lead lives in a spreadsheet; follow-ups fire whether you are in a workshop or asleep.

  • Payments tied to CRM

    Revenue events stay tied to the person and the campaign—clean books and fewer disputes.

  • CMS-driven funnel

    Change pricing or proof without waiting on a dev deploy—test offers in days, not weeks.

  • Admin surface for your team

    Closers and ops see the same pipeline, sessions, and status—less Slack archaeology.

How the Systems Work

Each system maps a concrete operating path: capture the signal, route it, add context, create visibility, and hand it to the next human or workflow.

The Vape Shop

6 steps · fully automated

Fastrack Money Success

6 steps · fully automated

The System

6 steps · fully automated

Sagad OS

6 steps · fully automated

Hyperion

5 steps · fully automated

Real Estate Revenue Architecture

6 steps · fully automated

Screenshots & Details

Click any image to see the full view.

Tools grouped by the work they support.

The strongest signal is AI orchestration, CRM automation, Google Cloud and search tooling, business workflows, data, commerce paths, mobile familiarity, and lightweight product development.

AI Orchestration

Agent workflow boundaries, retrieval context, approval queues, and prompt observability.

OpenAIClaudeLangChainLangGraphLangSmithRAGOCRPrompt systemsNVIDIA Developer Program

CRM & RevOps

Pipeline movement, follow-up logic, source visibility, and manager handoff.

GoHighLevelGHL WorkflowsHubSpot future-useSalesforce future-useSlackGoogle SheetsPostHog

Google Search & Analytics

Search visibility, measurement, tags, maps, sheets, and AI-search surfaces.

Google Developer ProgramGoogle Search ConsoleGoogle Analytics 4Google Tag ManagerGoogle SheetsGoogle Maps APIsTechnical SEOGEOllms.txtSchema markupSitemapRobots policy

Google Cloud & AI

Cloud runtime, storage, warehouse, and AI infrastructure paths for system builds.

Google Compute EngineCloud RunCloud StorageBigQueryGemini / Vertex AI

Automation & APIs

Tool connections, event handoffs, structured triggers, retries, and recovery paths.

n8nZapierMakeREST APIsWebhooksPostmanTrigger.dev

Business Apps & Data

Operator dashboards, admin views, database-backed workflows, and business-facing product surfaces.

ReactNext.jsTypeScriptTailwind CSSshadcn/uiViteSupabasePostgreSQL

Commerce & Mobile

Commerce paths and app-development familiarity for operator-facing workflows.

ShopifyShopify HydrogenKlaviyoReact NativeExpoCapacitorAndroid Studio

Delivery & Ops

Shipping, hosting, observability, infrastructure, and operational support tooling.

GitHubGitHub ActionsDockerLinux VPSNginxVercelCloudflare WorkersSentrySupabase Edge Functions

Want to see the methodology behind these builds?