06Engineering capabilities
My everyday toolkit.
Connected to real work.
Tools matter most when they solve a real problem. Follow a capability to the work that puts it into practice.
Make complexity feel effortless.
Composable interfaces for data-rich enterprise products. Clear states, careful interactions, and reusable foundations.
20+ Citi featuresThe working toolkit.
System design & application architecture
Application boundaries / Monorepos / Shared libraries / Design systems / Reusable components / API integration / State & caching strategy / SSR/SSG / Code splitting
Technical leadership & delivery
Agile / Scrum / Code reviews / Mentoring / CI/CD / Jenkins / GitHub / GitLab / Cross-functional collaboration / Production support
Frontend platform
React / TypeScript / JavaScript / Next.js / HTML5 / CSS3 / Material UI / Responsive UI / Component architecture
State & data
Redux Toolkit / React Query / Context API / REST APIs / Async state / Caching / Data visualization / Form state
Performance & accessibility
Rendering optimization / Bundle strategy / Web performance / Keyboard interaction / Semantic HTML / Responsive performance / Cross-browser compatibility
Quality & security
Jest / React Testing Library / Test automation / ESLint / SonarQube / OWASP practices / Dependency review / Regression testing
AI-assisted engineering
Claude Code / GitHub Copilot / Gemini / ChatGPT / AI pair programming / Prompt-to-prototype workflows / Human review & validation
Data & cloud foundation
Python / SQL / MongoDB / Data Engineering / Machine Learning / AWS fundamentals / RAG concepts / MCP concepts
Three.js and procedural 3D are demonstrated by this portfolio’s 3D interface experiment. The career stories describe the technologies used in those engagements.
Explore the tools in action ↗Good work starts with a conversation