Suganya K — Senior Front-End Engineer

01Summary

readme.md

Senior Front-End Developer with 11+ years of experience building responsive, scalable, high-traffic web applications and 3+ years of hands-on Angular development. Strong expertise in Angular, TypeScript, JavaScript, RxJS, NgRx, Angular Router, Route Guards, Reactive Forms, Dependency Injection, Lazy Loading, HTTP Client, HTTP Interceptors, JWT authentication, REST API integration, Standalone Components, Change Detection, and responsive UI development. Experienced in front-end architecture, reusable component design, micro-frontend architecture, accessibility, performance optimization, and CI/CD delivery, including platforms serving 2M+ monthly users.

02Stack

import { Angular, TypeScript, RxJS, NgRx, MicroFrontends } from 'core';

Angular v2–v21Angular CLITypeScriptJavaScript ES6+ RxJSNgRxMicro-Frontend ArchitectureStandalone Components

import { Bootstrap, TailwindCSS, Figma } from 'ui-styling';

HTML5 / CSS3 / SASS / LESSResponsive / Mobile-FirstBootstrap Tailwind CSSFigma / Design SystemsAngular RouterReactive Forms Dependency InjectionChange Detection

import { RESTAPIs, JWT, HttpInterceptors, Testing } from 'delivery';

REST APIsHTTP ClientHTTP InterceptorsJWT Authentication KarmaJasmineAngular TestBedUnit TestingGitHub Actions CI/CDGit / GitHub Contentful CMSMarketo TemplatesWCAG 2.1 AA

import { Agile, Mentorship, AITooling } from 'practice';

Agile / ScrumJira / ConfluenceTechnical Mentorship GitHub CopilotOpenAIClaude

03Experience

Senior Front-End Developer (Senior UX Developer Associate II) Oct 2019 – Dec 2025

IDP Education · thecompleteuniversityguide.com · Chennai

Owned front-end architecture for a high-traffic platform serving 2M+ monthly users and contributed to migration from legacy WebLogic/Tomcat to a modern micro-frontend architecture with zero downtime.
Designed responsive, reusable and maintainable front-end interfaces using modern JavaScript, HTML5, CSS3 and component-based development practices.
Translated high-fidelity Figma designs into pixel-perfect, responsive, standards-compliant interfaces across major browsers and devices.
Led front-end performance optimization and Core Web Vitals initiatives, achieving Lighthouse scores of 80–93% and contributing to improved SEO rankings and organic traffic.
Implemented and maintained WCAG 2.1 AA accessibility standards through audits, remediation and accessibility-focused development practices.
Designed and maintained GitHub Actions CI/CD pipelines for automated deployments with rollback strategies and environment-specific configuration.
Introduced AI-assisted development using GitHub Copilot, reducing boilerplate development time by approximately 35% and improving code consistency.
Collaborated with Product, Design, QA and DevOps teams in Agile/Scrum environments and mentored junior developers on architecture, accessibility and code quality.

Web Developer May 2017 – Oct 2019

Niyati Technologies · Client-facing web development · Chennai

Built responsive, cross-browser enterprise interfaces using HTML5, CSS3, JavaScript, and jQuery.
Delivered responsive HTML email templates with dynamic scripting, cutting campaign deployment effort by 50%.
Translated UX wireframes into clean, typographically precise front-end code.

UI Developer Aug 2014 – Apr 2017

Open Designs Interactive · Digital agency · Chennai

Built interactive, responsive interfaces for multiple agency clients from design brief to production.
Created reusable CSS component libraries and style guides adopted agency-wide.
Ensured consistent cross-browser rendering across IE, Chrome, Firefox, and Safari.

04Featured project

E-Commerce Operations & Analytics Dashboard

Angular · TypeScript · RxJS · NgRx · REST APIs · JWT · Bootstrap · Chart.js · Jasmine · Karma

A responsive real-time e-commerce operations and analytics dashboard built with Angular, TypeScript, RxJS and NgRx for centralized state management and scalable frontend architecture.

Implemented JWT-based authentication, logout, authentication guards, role-based authorization and protected routes for Admin, Manager and User roles.
Designed feature-based Angular architecture with standalone components, lazy loading, reusable parent-child components, services, guards, interceptors and reactive forms.
Implemented NgRx Actions, Reducers, Effects, Selectors and Store for authentication, orders, real-time events and dashboard state.
Integrated REST APIs using Angular HttpClient and an HTTP interceptor to attach JWT authorization tokens.
Used switchMap, mergeMap, concatMap, exhaustMap, debounceTime, distinctUntilChanged, combineLatest, forkJoin, catchError, shareReplay and takeUntilDestroyed.
Built real-time order event processing and interactive Chart.js analytics for revenue, order volume, average order value, customer metrics and order status.
Implemented optimized search, filtering, pagination, lazy-loaded features, shared-observable caching and efficient change detection.
Created reusable dashboard components including stat cards, revenue charts, order analytics, recent orders, filters and real-time notifications.
Developed Jasmine and Karma unit tests for components, services, guards, reducers, selectors and authentication workflows.

05Achievements

2M+

monthly users served through a zero-downtime micro-frontend migration

80–93%

Lighthouse scores achieved through Core Web Vitals optimization

35%

less boilerplate time after introducing AI-assisted development

25%

faster PR review cycles through mentorship and standards work

30%

less design-handoff rework from a Figma-to-Angular component workflow

11+

years architecting and shipping production front-end systems