Full-Stack Web AppLive01 of 16
Brandxb Growth CRM
A full-stack sales CRM that runs Brandxb's pipeline across three divisions — from first call to signed agreement.
ClientBrandxb · In-house
My roleSole developer — architecture, UI, API, database, deployment
Year2026
StackReact, TypeScript, Vite, Node.js, Express, SQLite, Railway
✦ The brief
Challenge
The sales team was tracking leads in scattered sheets and WhatsApp threads. The first build was also leaking: mock data was baked into 13 pages, data vanished on every redeploy, and a debug endpoint was exposed in production.
✦ What I built
Design, front end, back end and launch.
Design
- Role-aware dashboards for four teams
- 13-stage pipeline board and a step-by-step proposal builder wizard
- UAE-first phone input and clean, form-heavy screens that sales can fill fast
Frontend
- React + TypeScript + Vite single-page app
- Removed mock data that was hard-coded across 13 pages and wired every screen to the live API
- Fixed dropdown positioning, call/WhatsApp log saving and list/detail routing bugs
Backend
- Node.js + Express REST API on SQLite
- Role-based access (Super Admin, BD Director, Admin HR, Social Media) with discount caps enforced on the server
- Legal agreement generation for Brandxb, FOODXB and Connext, audit logs, task reminders and a user directory endpoint
- Closed an unauthenticated debug endpoint in production; fixed race conditions and seed-script failures
Launch
- Moved from Vercel + Render to Railway with a persistent volume so the database survives every deploy
- Transactional email through Resend on a verified domain
- Custom domain crm.brandxb.com via Hostinger DNS, auto-redeploy on every push
Inside the design
13Pipeline stages
4Permission roles
3Divisions on one CRM
BISCAT