Flipsight
A competency management platform for fast-paced startups, rebuilt for performance and developer experience.
The Problem
"Our core matrix table was grinding to a halt with real data. The user creation flow was broken. And our component system was a mess — every dev was doing things differently."
The Solution
Led development of a new multi-step user creation wizard that streamlined the onboarding process completely. Optimized the critical matrix table — the core of the application — using optimistic UI updates, React concurrency, memoization, and simplified node structure, achieving massive performance gains. Established a set of UI component patterns and guides that standardized the entire frontend.
"Our core matrix table was grinding to a halt with real data. The user creation flow was broken. And our component system was a mess."
We optimized the matrix table using React concurrency and memoization, achieving 10x performance gains and standardizing the UI patterns.
System Capabilities
User Creation Wizard
Multi-step onboarding flow
Matrix Table Optimization
Concurrency + memoization
Optimistic UI
Instant perceived performance
React Concurrency
Parallel rendering strategy
Component Standards
Guides for the full team
TypeScript
End-to-end type safety
tRPC
Type-safe API layer
Playwright Testing
E2E coverage on critical flows