01 / HIERARCHY
INTERACTIVE
Multi-level navigation & filtering
Nested menus with parent/child relationships, search, selection and expansion state.
What I build
Frontend engineering, at the infrastructure layer.
Not just interfaces — the reusable systems, APIs, and guardrails other engineers build interfaces with.
01
Component Systems
Reusable, scalable UI components consumed across enterprise modules.
02
Design Systems
Consistent patterns, interfaces, and usage guidelines for teams to build on.
03
Frontend Architecture
Component APIs, inputs/outputs, and maintainable structure from the ground up.
04
Quality
Unit testing, accessibility, and reliability built into every component.
05
Developer Experience
Making shared components easy for other engineers to adopt and trust.
Current work
Two systems, two kinds of engineering.
Maintaining a mature library while architecting its successor from scratch.
Platform V2
Mature & evolving
Ownership of an established component library
- Feature ownership across enterprise dashboards
- Bug management and root-cause fixes
- Performance work — caching layer cut redundant API calls in half
- Stability across 15+ views and 8+ feature modules
- Support for developers consuming the library
Euclid
Architecting from the foundation
Building the next shared component system
- Component architecture & usage patterns
- Interface design — inputs, outputs, component APIs
- Reusability & scalability across 10+ modules
- Accessibility baked into every component
- Unit tests as part of the build, not an afterthought
Maintain→Improve→Architect→Build→Test→Scale
Engineering lab
Don't take my word for it. Interact with the problems.
Complex frontend systems are where I spend my time: hierarchical navigation, high-volume data, reusable components, internationalization, and accessibility.
02 / PERFORMANCE
WINDOWED
100,000-row virtualized table
Large datasets without mounting every row into the DOM. Scroll, search and sort the live dataset.
Records1,000
Mounted rows0
Visible window0–0
StrategyVirtualized
The demo keeps the DOM small while the logical dataset can scale to 100,000 records.
03 / COMPONENTS
High-performance dropdown
Searchable selection with a large option set and keyboard-friendly interaction.
04 / i18n
Interfaces that survive translation
Change locale and see how real UI copy changes without breaking the component.
Dashboard
Manage your workspace
Review activity, manage components and keep your interface consistent.
05 / A11Y
Accessibility as architecture
Keyboard-first interaction, semantic states and visible focus are built into the component.
ACTIVE SEMANTIC STATE
Focus a control
role="button"
06 / SYSTEMS
Platform V2 → Euclid
From maintaining a mature component ecosystem to architecting the next one.
PLATFORM V2
Maintain
Features · Bugs · Stability · Support
→
EUCLID
Architect
APIs · Usage · Accessibility · Tests · Scale
Architecture×Performance×Accessibility×Internationalization×Testing
Experience
From maintaining systems to architecting them.
Software Engineer
73 Strings · Euclid & Platform V2
- Contributed to Euclid, a shared Angular component library adopted across 10+ enterprise modules, reducing duplicate component code across product teams.
- Built an Angular data table with virtual scrolling for 10,000+ rows, multi-column sorting, and client-side filtering — validated with browser profiler traces.
- Implemented data binding across 8+ feature modules, used inject() for dependency injection, and configured Angular Router across 15+ views.
- Integrated HttpClient with RxJS operators (map, switchMap, debounceTime) for reactive state and event handling.
- Built 10+ custom pipes/directives and implemented keyboard accessibility across 15+ interactive components, cutting keyboard-navigation issues flagged in QA.
- Built a custom caching layer with TTL for Platform V2, reducing average API calls per session from ~40 to ~20.
- Contributed to upgrading core apps from Angular 17 to signal-based Angular 21.
- Improved the main dashboard's Lighthouse score from the 60s to 85–90 through code-splitting, lazy loading, and memoization; set up GitHub Actions CI to catch regressions pre-production.
Software Engineer Intern
73 Strings · Euclid & Platform V2
- Authored 25+ reusable Angular components for Euclid, cutting UI duplication across five internal applications.
- Rebuilt Platform V2 data tables with server-driven filtering, sorting, and pagination against Spring Boot REST endpoints — improved internal usability survey scores.
- Wrote 80+ unit tests with Jest and Jasmine, raising statement coverage on critical modules from ~45% to 85%.
- Containerized frontend services with Docker to standardize local dev setup and shorten onboarding time.
Projects
Independent builds, full stack.
Problem — real-time quiz state / Solution — MERN + JWT + sock*-free polling / Result — deployed on AWS
Full-stack quiz app with Mongoose schema design, JWT authentication, and bcrypt-based role access control. Media handled via Multer + Cloudinary; infrastructure provisioned on AWS with S3, Lambda, and CloudFormation, IAM-scoped for secure access.
ReactTailwind CSSExpressMongoDBAWS S3LambdaCloudFormation
Problem — generic resumes / Solution — AI-assisted, live-editable builder / Result — multi-format export
Full-stack AI resume-generation platform. Spring Boot + Spring AI backend using Ollama for context-aware content generation via REST APIs. React frontend built with Vite, React Hook Form, and Tailwind CSS, with react-to-pdf/react-to-print for export.
Spring BootSpring AIReactViteTailwind CSS
Skills
Organized by what it's for, not a percentage bar.
Frontend
AngularTypeScriptReactNgRxRxJSSCSSTailwind CSSAngular Material
Component Engineering
Design SystemsAccessibility (WCAG/ARIA)Reusable ComponentsSignals
Backend
Node.jsNestJSSpring BootREST APIs
Cloud & Tooling
AWS (EC2, S3, Lambda)DockerGitHub ActionsPostman
Testing
JestJasmineUnit Testing
Quality
Core Web VitalsLighthouse AuditsCode-splittingLazy Loading
200+ problems solved on LeetCode
4th of 800+ teams — national hackathon · 7th of 300+ — intercollege hackathon