production case studies, design systems, and frontend architectures.
Figma Plugin for Vector Geometry
A lightweight Figma community plugin that instantly distributes shape copies along any vector path. Supports real-time parameter synchronization, even count division, fixed-gap intervals, and automatic tangent rotation. Ideal for data visualization, custom UI patterns, and parametric layouts.
Angular 18 + AI-Accelerated UI Systems
Engineered a holistic financial and operational dashboard for executive leadership at a Fortune 500 Quick-Service Restaurant, aggregating high-volume telemetry for franchise budgets and vendor projections. Executed a massive 7-version migration from Angular 11 to 18, optimizing initial load times by 30%. Integrated Model Context Protocol (MCP) to drive an AI-assisted development pipeline, standardizing 20+ strictly-typed components across 35+ screens. Built dense, synchronized data visualization interfaces coupling interactive graphical charts with tabular data grids.
Design System Architecture
Architected and led the development of a unified component library serving a high-traffic MedTech platform across 8 subsidiaries. The creation of 30+ reusable React components improved development velocity by an estimated 25% by using MCP and ensured brand consistency. Coding standards and comprehensive documentation were established using Storybook and Zeroheight, facilitating seamless adoption across cross-functional teams.
Next.js 15 + ShadCN + Generative AI
Developed a personal portfolio website using Next.js 15 and ShadCN UI to showcase my projects and skills. The site is optimized for performance and responsiveness, ensuring a seamless experience across devices. Deep customizations were implemented using Tailwind CSS and GSAP for animations.
Generative AI + Fullstack App
Designed and developed a single-page generative AI application using SDXL diffusion models and Instant ID for professional portraits generation. Implemented a FastAPI backend hosted on Google Colab to handle image processing and model inference, enabling users to create high-quality, customized portraits efficiently. Used NGrok for secure tunneling and seamless integration between the frontend and backend services