EMS

The Problem

A B2B client had a React management platform with a critical bottleneck: every page fired 50+ separate API calls. Opening the order list took 30 seconds. Adding a new section meant copying and pasting hundreds of lines of existing code. The backend had no input validation and routes were unoptimized.

The codebase had grown without structure: each developer added separate components to do the same things, each page managed state differently, and there was no caching layer. The result was a slow, hard-to-maintain application that was impossible to extend without breaking something.

The Solution

I started with a code analysis to map every duplication. The pattern was clear: DataTable and FormBuilder were being rewritten from scratch on every page. I built two universal configurable components covering 90% of the platform's use cases — passing a column array and a data source is enough to generate a full table with pagination, sorting, and filters.

For API calls I introduced a caching layer with React Query: each piece of data is requested once and kept in cache for the session duration. From 50+ requests per page down to fewer than 5. The initial bundle was enormous because everything loaded upfront — I split each section into lazy-loaded chunks and added code splitting for heavy libraries.

On the backend I rebuilt routes with Zod validation on every input and JWT authentication with automatic refresh. I added a PDF document generation system for quotes and invoices, and integrated a barcode reader for warehouse movements with automatic alerts when stock drops below threshold.

The Result

Page load time dropped from 30 seconds to under 3. The initial bundle shrank by 80%. The codebase decreased by 60% in lines of code thanks to eliminating duplications. The team now adds new sections in hours instead of days, reusing universal components instead of rewriting them.