FrontierPixel compass logo

Our Work

Outcomes we’ve shipped.

From local San Antonio businesses to open-source infrastructure, here’s a snapshot of the client projects, personal platforms, and OSS contributions we’re actively building and maintaining.

Featured Case Studies

Case-study stack, not just a timeline.

Three projects that show real business impact, product craft, and personal systems in flight.

ClientClient project · Local trades · Marketing + lead gen

Shed210 — One-Day Custom Sheds, Modern Web Experience

One-Day Sheds, One-Day Quotes

Shed210 is a San Antonio shed builder with 20+ years of experience and over 1,000 completed projects. They needed a web experience that matched that reputation: fast, trustworthy, and laser-focused on getting customers to a quote.

  • Role: UX, frontend dev, and implementation.
  • Highlights: Hero surfaces social proof (5.0★ ratings, years in business, warranties) with an immediate “Get Instant Price” CTA.
  • Flow: Design & Quote → Schedule Build Day → Build On-Site, written in customer language so the path to scheduling feels obvious.
  • Stack: Next.js, TypeScript, Tailwind CSS, Supabase forms, Vercel.
Shed210 homepage hero preview
Screenshot
View live ↗
Product · Open SourceProduct · Open Source · Developer Preview

PatchBay CRM — SMS-First CRM for Lead-Driven Teams

Product & platform craft • Next.js + Supabase

PatchBay is an open-source, SMS-first CRM built on Next.js and Supabase. It’s opinionated, multi-tenant, and designed for teams that live in text messages instead of inboxes.

  • Multi-tenant from day one using Supabase RLS and tenant-scoped tables (leads, messages, notifications, etc.).
  • Edge worker drains a notifications queue and sends SMS via Twilio or a fake provider for local runs.
  • Testing discipline: Vitest + Playwright guard auth flows, tenant isolation, and protected routes.
  • Stack: Next.js 16 App Router, TypeScript, Tailwind, shadcn/ui, Supabase, Twilio.
Screenshot
Drop in a hero screenshot or UI slice here to visualize the work.
PersonalPersonal product · Design system · Writing + logs

johnny-ramirez.com — Engineer OS & Digital Garden

Craft & identity • Personal platform

This site is my personal “engineer OS” — a place to ship ideas, track what I’m learning, and experiment with patterns before they land in client work or products.

  • Role: Everything — design, content, implementation, deployment.
  • Grid-paper aesthetic plus ASCII art hero keep the vibe approachable and developer-first.
  • Engineer Logs and Notes double as a public changelog + micro-blog that feeds into real client work.
  • Stack: Next.js, TypeScript, Tailwind CSS, MDX, Vercel.
Screenshot
Drop in a hero screenshot or UI slice here to visualize the work.

Open Source & Community

Shipping upstream, not just for hire.

Storybook core work, open-source product builds, and an active GitHub presence back up the client projects above.

Storybook 10 accessibility contribution

Contributed an accessibility patch that persists keyboard tab/highlight state as builders move through Storybook docs. Shipped in Storybook 10 core and credited in the changelog.

  • Improves predictability for keyboard + screen-reader navigation.
  • Part of the official 10.0.0 release (a11y tab persistence).

PatchBay CRM (OSS)

Reference implementation of an SMS-first CRM with tenant-aware data, Supabase-native tables, and Twilio dispatchers.

  • Edge Functions + pg_cron drive notification delivery.
  • Playwright + Vitest suites cover critical flows.

GitHub · @404Dealer

Active contribution stream across Next.js, TypeScript, design systems, and open-source tooling.

  • Shipping upstream fixes, documentation, and example apps.
  • Signals reliability beyond single-client engagements.

Timeline

Chronology (condensed but still there).

2024

  • Launched Shed210 marketing site and quoting flow.

2025

  • Released PatchBay CRM (Developer Preview).
  • Storybook 10 accessibility patch shipped in core (a11y tab persistence).