Hi, I'm Manikandan
Senior Frontend Engineer

7+ years building scalable, high-performance SaaS platforms

About Me Experience

About Me

Senior Frontend Engineer with 7+ years of experience building scalable, high-performance SaaS platforms using React, TypeScript, and modern frontend architectures.

Strong expertise in UI systems, performance optimization, state management, and micro-frontend platforms. Experienced in cross-team collaboration, backend integration, and distributed systems.

Passionate about contributing across frontend and backend boundaries in product-driven environments.

View Resume

Technical Expertise

Frontend

React TypeScript JavaScript HTML5 CSS3 SCSS AngularJS Stencil

State & Data

Redux Toolkit Context API REST API

Testing

Jest Playwright Jasmine Enzyme

Build & Tooling

Webpack Module Federation Gulp NPM Storybook

Architecture

Micro-frontends Web Components Shared UI Systems Client-Side Routing

Collaboration

Git Jira Agile Distributed Teams

Work Experience

Broadcom

Clarity PPM
Senior Frontend Engineer Oct 2022 - Present Hyderabad, India
  • Contributing to Clarity PPM, a large-scale enterprise SaaS platform used by thousands of enterprise customers, working within a hybrid Stencil + AngularJS architecture.
  • Designed and implemented a Stencil infrastructure layer enabling AngularJS and Web Components to run in parallel, supporting phased modernization across multiple product modules.
  • Built a custom client-side router for Stencil, integrated with AngularJS routing, enabling seamless navigation across legacy and modern UI layers.
  • Engineered a Redux Toolkit-based shared state layer, synchronizing state between Stencil and AngularJS, reducing cross-framework state bugs.
  • Actively participated in code reviews, enforcing architectural consistency, performance best practices, and maintainable patterns.
  • Worked closely with backend teams on API contracts, data models, authentication flows, and service integration.
StencilJS TypeScript Redux Toolkit AngularJS Jest Playwright Storybook

PepsiCo

Sales Planning Platform
Senior Associate Consultant (Infosys) May 2021 - Sep 2022 Remote, India
  • Played a key role in migrating the Sales Planning platform from JSP to modern React + TypeScript architecture.
  • Designed and built the application from scratch, establishing scalable frontend foundations using React, Redux Toolkit, and React Router.
  • Developed four independent frontend applications, supporting modular development and parallel team delivery.
  • Implemented Webpack Module Federation to enable a micro-frontend architecture with independently deployable modules.
  • Built a shared UI component library and published it as a private NPM package, enabling reuse across multiple micro-frontend applications.
  • Collaborated with Azure-based CI/CD pipelines and internal NPM artifact repositories for scalable build and release workflows.
React TypeScript Redux Toolkit Webpack Module Federation Material-UI Jest

Syncfusion

UI Component Library
Software Engineer Apr 2019 - May 2021 Chennai, India
  • Contributed to the development of a framework-agnostic Web Components UI library using TypeScript, consumed across multiple Syncfusion products.
  • Built and enhanced Map components capable of rendering GeoJSON data using SVG and tile providers such as OpenStreetMap and Bing Maps.
  • Implemented advanced map features including data labels, marker clustering, and interactive overlays, improving usability for large datasets.
  • Developed Circular and Linear Gauge components using SVG and TypeScript, delivering core features and extending functionality based on customer requirements.
  • Ensured cross-browser compatibility, component lifecycle stability, and consistent styling across major browsers.
TypeScript JavaScript React SVG Web Components Jest

Open Source & Projects

React Maps Library

A comprehensive React Map Library for rendering maps from GeoJSON data using SVG or tile providers like OpenStreetMap and Bing Maps. Features include data labels, marker clustering, and interactive overlays with optimized performance for large datasets.

React TypeScript SVG GeoJSON
Live Demo Source Code
React Maps Library

React Circular Gauge

A feature-rich React Circular Gauge component built with SVG and TypeScript. Designed for data visualization dashboards with customizable ranges, pointers, and annotations. Optimized for performance and cross-browser compatibility.

React TypeScript SVG Data Viz
Live Demo Source Code
React Circular Gauge

Honors & Awards

Hackathon 2023

Broadcom

Insta Award

Infosys

Sprint Champion

PepsiCo

Let's Connect

Interested in working together or have a question? I'd love to hear from you!