Crafting high-impact product UI

Hi, I'mAmaresh

Full Stack Engineer (frontend-focused) building scalable web apps, responsive UIs, and reusable component libraries — backed by Node.js services with Express and Fastify — with a focus on performance.

    About Me

    Full Stack Engineer with 6+ years of experience and a strong frontend focus, building fast, scalable web applications and reusable component libraries with JavaScript and TypeScript. Comfortable across the stack — designing and building APIs and services with Node.js, Express, and Fastify — while specializing in performance, responsive UIs, and UI architecture.

    End-to-End Development

    Build features across the stack — from React and TypeScript UIs to REST APIs and services with Node.js, Express, and Fastify

    Performance Optimization

    Optimize build-time, runtime, and API performance — targeting 60fps interactions and fast responses to deliver a smoother UX

    Architecture & Component Systems

    Design scalable component libraries and contribute to frontend and backend architecture decisions, mentoring the team on best practices

    Work Experience

    Where I've contributed

    Flipkart logo

    Flipkart

    Feb 2022 – Oct 2025
    UI Engineer IIBengaluru, India
    • Built an end-to-end Monitoring Dashboard to track business metrics with real-time alerting and classification
    • Integrated SuperCoin feature into Flipkart Home Services (FHS) to boost conversion rates
    • Leveraged Knip and custom ESLint rules to eliminate ~1.2k lines of dead code, reducing bundle size by 6%
    • Migrated Webpack to version 5, reducing CI build time by ~35% and bundle size by ~30% with Brotli compression
    • Integrated New Relic for Real User Monitoring and created golden flows for deployment verification
    • Implemented push notifications using service worker API for Warehouse Management application
    • Improved rendering performance by reducing render count and duration by 50%
    • Reduced app load time from 8s to 3.1s by implementing code splitting
    Freshworks logo

    Freshworks

    Oct 2020 – Feb 2022
    Software Engineer – FrontendChennai, India
    • Worked on FDK (Freshworks Developer Kit) to provide integration between Freshworks products and third-party applications
    • Improved First Contentful Paint (FCP) score to less than 2s by adding skeleton loading
    • Reduced API call rate by 40% by implementing debouncing and memoization
    • Built a customizable Tag Input component with custom validation support
    • Added OAuth authorization for user authentication against OAuth providers
    • Integrated Freshdesk and Freshcaller with rules configuration UI for call routing

    Open Source

    Contributions to the community

    ESLint

    ESLint.org & Playground

    Member of the ESLint web team — maintained eslint.org and the interactive Playground. Resolved UI bugs, improved site performance, and enhanced accessibility across key developer workflows.

    React
    Eleventy
    Webpack
    Nunjucks
    • Maintained site across multiple releases including the interactive Playground
    • Improved site performance and resolved production UI issues
    • Enhanced accessibility across key developer workflows
    ESLint

    ESLint Core

    Contributed to the ESLint core linter — fixing rule edge cases, improving documentation, and keeping the docs site up to date for millions of JavaScript developers.

    JavaScript
    AST
    ESLint
    • Fixed rule edge cases and expanded test coverage across multiple core rules
    • Improved and updated documentation for rule options and usage examples
    • Upgraded the docs build toolchain (Eleventy v2 → v3) and improved search UX
    ESLint

    Code Explorer

    Contributed to ESLint's Code Explorer — an interactive tool for exploring AST, scope, and code paths visually in the browser.

    React
    TypeScript
    AST
    • Migrated the editor from Monaco to CodeMirror for a lighter, more performant experience
    • Added resizable panels and shareable link generation for code snippets
    • Improved build setup — bundle splitting, tsconfig modernization, and Node v22 compatibility
    SigNoz

    SigNoz

    Open-source observability platform — an alternative to Datadog and New Relic. Contributed frontend improvements to the monitoring dashboard UI.

    React
    TypeScript
    Go
    Observability
    • Contributed UI fixes and enhancements to the monitoring dashboard
    • Improved frontend code quality and component consistency
    knadh

    Oat UI

    Ultra-lightweight (~8KB), zero-dependency semantic HTML + CSS UI library. Contributed bug fixes and feature improvements to the component system.

    CSS
    JavaScript
    Web Components
    • Fixed dropdown repositioning on resize events for correct positioning
    • Added missing --faint-foreground CSS variable and .text-lighter utility class
    • Refactored .unstyled utility into @layer utilities for proper CSS cascade ordering

    Projects

    Things I've built

    AMP Email Builder

    A modern drag-and-drop email builder for crafting interactive AMP emails with fallback plain HTML support.

    Next.js
    React
    TypeScript
    Tailwind CSS
    • Composable drag-and-drop editing experience
    • Supports both AMP and fallback HTML versions
    • Built for faster campaign creation and sending workflows

    CSS Property Impacts

    An interactive tool for understanding which rendering stages are affected when a CSS property changes.

    React
    TypeScript
    Tailwind CSS
    • Search-driven exploration of CSS property performance costs
    • Clear mapping of layout, paint, and composite impact

    The Cascade Visualizer

    An interactive tool that explains how CSS decides which styles win — specificity, !important, and @layer made visual.

    React
    TypeScript
    csstree
    Tailwind CSS
    • Interactive breakdown of specificity and layer order
    • Turns complex cascade behavior into something intuitive

    React JS CSS Loaders

    NPM package of customizable loader components. Supports CJS, ESM and UMD module formats.

    React
    Rollup
    Jest
    NPM
    • Multiple loader components with tree-shakeable exports
    • Comprehensive test coverage

    Profile App

    Micro Frontend architecture application built with Module Federation in Webpack — 4 standalone modules across different frameworks.

    React
    Vue
    Webpack
    Module Federation
    • 4 standalone modules across React and Vue
    • Webpack Module Federation for independent deployments

    Skills & Technologies

    Languages

    HTML
    CSS
    JavaScript
    TypeScript
    C++

    Frameworks & Libraries

    React
    Next.js
    Webpack
    Rollup
    Tailwind CSS
    Jest

    Backend

    Node.js
    Express.js
    Fastify
    REST APIs

    DevOps & Tooling

    Docker
    Kubernetes
    New Relic
    Git
    CI/CD

    Specializations

    Performance Optimization
    Component Libraries
    Micro Frontends
    Web Vitals
    Accessibility