Vivek Kumar

React/Next.js client delivery: Contributing to enterprise-scale React and Next.js applications for a client engagement; applying performance optimisation, component architecture best practices, and accessibility standards (WCAG 2.1 AA) to production codebases. Micro-frontend architecture: Implementing Module Federation-based micro-frontend architecture across an enterprise application, enabling independent team deployments and reducing cross-team release dependencies for a large-scale client project. Frontend standards & mentoring: Establishing and enforcing TypeScript coding standards, reusable component patterns, Scrum ceremonies, state management best practices, and CI/CD pipeline integration; mentoring junior engineers on frontend architecture.

Performance engineering 40x improvement: Diagnosed critical bundle bloat via Webpack bundle analysis; applied code-splitting, lazy loading, and targeted memoization slashing page-load time by 40x across core financial-servicing modules and elevating Core Web Vitals to production-ready thresholds. React and TypeScript architecture: Designed a real-time analytics dashboard aggregating KPIs across loan portfolios, disbursements, and collections; introduced Redux Toolkit and TanStack Query with client-side caching and optimistic updates reducing API over-fetching by 60% and maintaining responsive UI on 2G networks. Design system and component library: Built a shared UI component library (forms, tables, modals, dropdowns) adopted across 4 product squads, compressing feature-release cycles by 25-30% and eliminating approximately 8,000 lines of duplicated code. End-to-end feature ownership: Architected a statutory gratuity-calculation module for 12,000+ employee records with automated payout workflows reducing HR processing time by 65%; rebuilt a 12-step legacy onboarding flow into a validation-driven React wizard, cutting completion time by 50% and support tickets by 70%. Accessibility and testing: Delivered WCAG 2.1 AA compliance (ARIA, keyboard navigation, focus management) across 15+ core modules, unblocking an enterprise compliance requirement; achieved 78% test coverage (Jest, React Testing Library, Playwright) across unit, integration, and E2E suites. Mobile and : Shipped React Native modules with dynamic theming and i18n supporting 3 languages across 6 device form-factors, expanding the products addressable market. Agile delivery and leadership: Led daily stand-ups, sprint planning, and code reviews with PM, UX, 3 backend engineers, and QA; shipped features with zero scope-creep escalations across 8 consecutive sprints.

Micro-frontend architecture: Designed and delivered a Module Federation micro-frontend framework enabling 3 independent teams to deploy in parallel reducing release contention by 70% and compressing time-to-production from days to hours. JavaScript to TypeScript migration (40,000+ lines): Led full-codebase migration from JavaScript to TypeScript, cutting runtime type errors by 80% and reducing new-engineer onboarding time from 2 weeks to 4 days. Lighthouse 90+ performance optimisation: Profiled bottlenecks using Lighthouse and React DevTools; applied code-splitting and memoization lifting Lighthouse scores from mid-60s to 90+ across 3 product areas. CI/CD pipeline automation: Built GitLab CI/CD pipelines with automated test gates, compressing release turnaround from 3+ days to under 2 hours and eliminating all manual deployment errors. Component libraries and code reviews: Authored shared utility and component libraries used by 2 product teams; led code reviews and established frontend coding standards, saving 46 engineering hours per sprint.

Live content personalisation engine: Engineered a zero-dependency Vanilla JavaScript module rendering target websites inside a sandboxed iframe with real-time DOM injection; integrated an embedded Monaco Editor for in-browser HTML, CSS, and JavaScript authoring reducing campaign turnaround by 60%. Drag-and-drop page builder: Delivered a React-based drag-and-drop page builder enabling content teams to publish pages without engineering support eliminating a 3-day developer bottleneck per content cycle. Data visualisation dashboards: Built 6 configurable analytics dashboards (Recharts, Chart.js) adopted by 3 business units, reducing analyst-to-insight time by 50%. Mentorship and architecture: Refactored fragmented UI into reusable component layers, reducing code duplication by 35%; mentored 2 junior developers both promoted to mid-level within 12 months.

Delivered complex, client-facing frontend products across content management, data visualisation, and marketing technology — including one genuinely novel piece of engineering. ▸ Built a live content personalisation engine in Vanilla JS + Monaco Editor: loads any target website in a sandboxed iframe, exposes the live DOM for real-time HTML/CSS/JS injection, and lets marketers author and preview audience-targeted ad and campaign content entirely in-browser — no engineering dependency, no redeployment. Campaign turnaround: ~60% faster. ▸ Drag-and-drop Page Builder (React Beautiful DnD) — content teams ship pages without filing a ticket. Eliminated a recurring 3-day developer bottleneck per content cycle. ▸ 6 configurable data visualisation dashboards (Recharts + Chart.js) adopted by 3 business units — replaced ad-hoc reporting, cut analyst-to-insight time by ~50%. ▸ Refactored fragmented UI into a modular component architecture — code duplication down ~35%, new feature variants from days to hours. ▸ Mentored 2 junior developers on component design patterns — both promoted to mid-level within 12 months. Stack: React.js · Vanilla JS · Monaco Editor · React Beautiful DnD · Recharts · Chart.js · Accessibility · Responsive Design

Resolved memory leaks and re-render loops in 4 chart-heavy dashboard components (BizCharts, ApexCharts) eliminating frame-drop incidents from weekly occurrences to zero over 3 months. Decomposed an 8,000-line monolithic UI into 14 feature-scoped components, enabling independent testing and parallel development.

Built responsive, cross-browser UI flows for a customer-facing fintech application; A/B testing and iterative feedback loops measurably improved form-completion rates.