Enterprise Admin Dashboard

One platform that stopped 5 teams rebuilding the same UI — and cut render time by 30%.

Architected a modular admin platform on React + TypeScript with 25+ composable components. Used react-window for list virtualization, Redux selectors with reselect memoization, and code-split routes — cutting initial bundle by 40% and list render time by 30%. Role-based routing enforced via React Router guards tied to JWT claims.

5 product teams each maintaining their own table, form, and modal primitives

Highlights

• Virtualized large data tables with react-window — 10,000-row lists rendered without jank by only mounting visible rows.
• Eliminated expensive re-renders: converted prop-drilling chains to Redux slices + reselect memoized selectors; removed 12 render cycles from the critical update path.
• Code-split every route with React.lazy + Suspense; initial JS bundle dropped from 680KB to ~410KB gzipped.
• Role-based routing: route guards read decoded JWT claims directly, so unauthorized UI states are impossible — not just hidden.
• Dynamic form engine using react-hook-form + Zod schema validation — single config object drives field rendering, validation, and submission.

See full portfolio: https://portfolio.kunal-gautam-570.workers.dev