Introduction

Led the architectural overhaul and development of Kanarys' Client Admin Panel (CAP), transforming the performance and capabilities of their enterprise dashboard system while managing cross-functional teams.

Tech Stack

NextJS, ReactJS, Vite, TypeScript, TailwindCSS, MUI, Headless UI, Redux Toolkit, RTK Query, Chart.js, Kubernetes, GCP, Cloud SQL, Cloud Build, Express, Symfony

Problem-Solution Approach

Problem 1: Legacy CRA architecture causing slow build times and developer frustration 

Solution 1: Orchestrated migration from Create React App to Vite build system, implementing TypeScript strict mode while maintaining feature parity. This transformation reduced build times by 40% and significantly improved developer workflow efficiency.

Problem 2: Complex dashboard visualization requirements with multiple data dependencies 

Solution 2: Engineered an innovative hybrid state management solution combining Redux Toolkit with strategic prop drilling. Designed a six-tab dashboard architecture with global and local filtering capabilities that rendered various chart types (bar, scatter, pie, word cloud) while maintaining performance.

Problem 3: Cross-team coordination bottlenecks slowing delivery 

Solution 3: Established structured communication workflows between product, engineering, and customer success teams. Implemented weekly technology training sessions and led daily standups that increased project completion rates by 15%.

Results

The revamped system served as a full-featured alternative to Google Looker, delivering interactive visualization capabilities with significant cost savings. Development velocity increased by 20%, and component reusability saved an estimated 100 hours of development time across projects.

Conclusion

This project demonstrated how thoughtful architecture decisions combined with effective team leadership can transform technical debt into opportunity. The lessons from balancing deadline pressures with quality standards continue to inform my approach to complex system design. For insights into the development culture and processes that made this transformation possible, check out my blog post "What Was It Like Working at Kanarys".