Haithem Mustafa
Loading
Back to projects
The Studio · 2025 — Current

The Studio System

Internal business management platform

In development · no public link
Overview

A full-stack business management platform with 8 integrated modules (CRM, HR, Tasks, Workspaces, Mailbox, Admin, Settings, and a companion Client Portal), built on a Fastify 5 backend with domain-driven design and a React 19 frontend.

RoleFull Stack Developer
Year2025 — Current
Stack
  • Fastify 5
  • TypeScript
  • Prisma
  • PostgreSQL
  • WebSockets
  • React 19
  • Vite 7
  • TanStack Query
  • shadcn/ui
The build
  1. 01Built a CRM engine with pipeline stage tracking, stage-history auditing, follow-up scheduling, account analytics, Google Calendar sync, automated CRM ID generation, and bulk CSV import / export with duplicate detection.
  2. 02Built a complete email system with IMAP / SMTP integration, multi-account support, IMAP IDLE for real-time inbox push, encrypted credential storage, background cron sync, folder management, attachments, and templates.
  3. 03Implemented task management with workspace-based organization, drag-and-drop Kanban boards (dnd-kit), multi-assignee support, approval workflows, and role-based visibility.
  4. 04Designed a dual-JWT auth system with httpOnly cookies, automatic token refresh with request queuing, 12-role RBAC with module- and route-level access, and a layered architecture (routes → handlers → services → repositories) with Prisma and TypeBox.
  5. 05Engineered real-time WebSocket notifications with per-user broadcasting, exponential-backoff reconnection, heartbeat keep-alive, and automatic TanStack Query cache invalidation.
  6. 06Built an HR module with employee management, time-off and overtime workflows with multi-stage approval, and work-schedule management.
  7. 07Built the frontend in React 19, Vite 7, TanStack Query, shadcn/ui, Lexical, FullCalendar, and Recharts, with trilingual i18n (EN, FR, AR) and full RTL support.
Highlights
Back to projects