Crafting high-impact product UI

Hi, I'mAmaresh

Frontend Engineer building scalable web apps, responsive UIs, and reusable component libraries with a focus on performance.

    About Me

    Software Engineer with 6+ years of experience in front-end development, focused on building fast, scalable web applications and reusable component libraries using JavaScript. Experienced in improving performance, developing responsive UIs, and contributing to UI architecture.

    Component Libraries

    Built and have experience in building reusable, scalable component libraries with React and TypeScript

    Performance Optimization

    Worked on optimizing build-time and runtime performance, targeting 60fps interactions to make things smoother and deliver a better UX

    UI Architecture

    Contributed to UI architecture decisions and mentored team members on best practices

    A Day in My Life

    Beyond the code — a glimpse into my daily rhythms

    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
    Node.js
    Jest

    DevOps & Tooling

    Docker
    Kubernetes
    New Relic
    Git
    CI/CD

    Specializations

    Performance Optimization
    Component Libraries
    Micro Frontends
    Web Vitals
    Accessibility