Skip to main content
CASE STUDYAgency Operations Suite

MR.DEVS CRM

Custom CRM and operations suite engineered for MR DEVS with visual lead pipeline tracking, real-time team chat, leaderboard, and Chrome extension capture.

ROLECo-Founder & Lead Engineer
TIMELINEJuly 2026 – Present
STACKReact 19, Vite, Tailwind CSS
STATUS
Privacy Note:Internal agency client leads and revenue totals are redacted in preview screenshots.
MR.DEVS CRM Cover Specimen
(01)The Problem
Context & Operational Friction

Our agency needed an integrated way to capture client leads while browsing profiles, track deals through pipeline stages, and collaborate in real time without paying expensive per-seat SaaS subscription fees.

(02)What I Built
Granular Deliverables • 4 Milestones
  1. (01)Architected and built the full agency CRM using React 19, Vite, Tailwind CSS, and Supabase.
  2. (02)Developed visual lead pipeline management and deal stage tracking.
  3. (03)Integrated Supabase Realtime for team messaging and dynamic performance leaderboards.
  4. (04)Authored a dedicated Chrome extension allowing one-click lead extraction from client profiles into Postgres.
(03)Decisions that mattered
Architectural Reasoning & Tradeoffs
DECISION 01

Supabase Realtime over maintaining a custom WebSocket server.

Used managed Postgres change subscriptions for chat and leaderboards, freeing engineering focus for Chrome extension integration.

DECISION 02

Manifest v3 Chrome extension with direct API authentication.

Allowed our team to capture leads directly from social and freelance sites without manual copy-pasting or switching tabs.

(04)Screenshot Gallery
Interface Records • Captured Specimen
3 Exhibits
MR.DEVS CRM - Exhibit 01
[01]Kanban pipeline visualization with drag-and-drop stage progression
MR.DEVS CRM - Exhibit 02
[02]Team messaging module backed by Supabase Realtime
MR.DEVS CRM - Exhibit 03
[03]Manifest v3 Chrome extension synchronizing browser profile data into CRM
(05)Production Outcome
Verifiable Daily Utility

Currently serves as the core operational platform driving MR DEVS agency deal tracking and internal communications.

Zero ongoing per-seat SaaS costs while keeping all lead and deal data in a self-owned Postgres database (TODO_REAL_VALUE leads tracked).

NEXT CASE STUDY →Gulzar Surgical & General Hospital
Healthcare Web Application•2025Read Case Study →