B2B Admin Platform

Role
Frontend Developer
Period
2022 - 2024
Private Build

An internal dealership platform with dense dashboards, large tables, and complex form flows tuned for staff who manage leads, inventory, deals, and reports all day.

StackReact, Next.js, TypeScript
1

One CRM surface

Customers, vehicles, meetings and a custom dashboard, in one internal tool managers actually open.

5

States on every screen

Loading, error, validation, save and success, handled explicitly, never skipped.

Built for eight-hour days, not demos.

What I built

Frontend for the daily grind of a dealership: the customer lifecycle, long vehicle forms, and a dashboard managers can arrange themselves.

Customer management
Create / edit forms
Interaction history
Meetings & follow-ups
Vehicle forms
Form validation
Dashboard widgets
REST integration
The problem

Dealer staff spent hours a day on multi-step forms and disconnected dashboards. The platform had to feel like an internal tool they'd actually open, not a generic CRM.

How I approached it
  1. 01
    Reusable form primitivesLong vehicle forms are composed from shared blocks over React Hook Form: one source of truth for validation, conditional fields, nested sections and save state, instead of bespoke forms per screen.
  2. 02
    The full customer lifecycle in one placeProfiles, interaction history, meeting scheduling and follow-up actions live in one CRM surface, so a manager handles a customer end to end without switching tools.
  3. 03
    A drag-and-drop plugin dashboardWidgets rearrange via drag-and-drop in isolation, with layout constraints that keep state and the surrounding admin intact.
How it helped
  • Managers could run the whole customer lifecycle inside one interface.
  • Each manager could shape their own workspace from widgets.

The daily workflow

One path from lead to report

Staff move leads into inventory, turn them into deals, and roll deals up into reports without leaving the tool. Reusable React Hook Form primitives sit under the inventory and deal steps, which is what kept the forms consistent across the platform.
LeadsInventoryvehiclesDealsReportsFormsRHF + validationDaily workflow

The daily surface

Where managers actually work

The inventory grid is the screen staff live in: dense rows, clear status states, search and filters, with explicit loading, error and save states so nothing fails silently. Long vehicle forms and the customer lifecycle hang off the same reusable, validated primitives.
Inventory1,284 vehicles
Add
AllIn stockReservedSold
VehicleStatusPriceUpdated
SUV · '22#A1098
In stock
$34,9002h ago
Sedan · '21#A1042
Reserved
$24,5005h ago
Hatchback · '20#A0987
In stock
$18,2001d ago
Coupe · '19#A0901
Sold
$29,7502d ago
Wagon · '21#A1110
Saving…
$21,400—
1–5 of 1,284

Tech stack

ReactTypeScriptReact Hook FormDrag & DropREST APIReusable UI
All workNext projectCrypto Analytics Platform