I'm a full-stack developer focused on design engineering — crafting accessible, pixel-perfect interfaces and contributing to open-source design systems at scale.
- 🎨 Actively contributing to open source — accessible component libraries and design systems
- 🔬 Passionate about design systems, React architecture, and component accessibility (ARIA)
- 🌱 Exploring the intersection of great design and engineering
- ✍️ Writing about frontend patterns and DX on Medium
- 🏸 Outside of code: hiking, badminton, and traveling the world
TypeScript · JavaScript · React · Next.js · Vite · Tailwind
Node.js · Flask · ASP.NET Core · Python · Go · MongoDB · MySQL
TensorFlow · PyTorch · Git · GitHub · VS Code · Figma
| Project | Description | PR / Status |
|---|---|---|
| razorpay/blade | Add zIndex as a global design token — moved hardcoded z-index values into the Blade token system so they're themeable via createTheme() |
#3357 · Under Review |
| mui/material-ui | Auto-generate accessible id / aria-controls on Accordion using React.useId() |
#48326 · Under Review |
| mui/material-ui | Fix MenuItem text shift on first hover caused by GPU layer demotion after Grow animation | #48329 · Under Review |
| facebook/react | Fix false hydration mismatch warning when a portal renders on client after server returns null |
#36321 · Under Review |
| facebook/react | Warn when NaN is passed as an aria-* attribute value — closes a silent gap in React's ARIA validation |
#36340 · Under Review |
📖 Full write-ups with root cause analysis and learnings: opensource-journey
