Hari

AI Frontend Engineer

I build accessible, high-performance products for the web โ€” and explore what it means to build near the singularity.

Open to interesting conversations
01.

About

๐—™๐—ฟ๐—ผ๐—ป๐˜๐—ฒ๐—ป๐—ฑ ๐—˜๐—ป๐—ด๐—ถ๐—ป๐—ฒ๐—ฒ๐—ฟ๐—ถ๐—ป๐—ด ๐—˜๐˜…๐—ฝ๐—ฒ๐—ฟ๐˜ with a decade of experience architecting scalable, design-system-led architectures at Shopify and AWS. Specialized in ๐—”๐—œ-๐—ป๐—ฎ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—ณ๐—ฟ๐—ผ๐—ป๐˜๐—ฒ๐—ป๐—ฑ ๐˜€๐˜†๐˜€๐˜๐—ฒ๐—บ๐˜€, from architecting ๐—ฆ๐—ฒ๐—ฟ๐˜ƒ๐—ฒ๐—ฟ-๐——๐—ฟ๐—ถ๐˜ƒ๐—ฒ๐—ป ๐—จ๐—œ (๐—ฆ๐——๐—จ๐—œ) for complex LLM workflows to building high-performance, real-time telemetry dashboards. Expert in bridging the gap between model outputs and production-grade UI, ensuring reliability in non-deterministic interfaces through rigorous testing and observability.
02.

Experience

  1. Aug 2025 โ€” Present

    AI Frontend Engineer ยท Shopify

    • Engineered a high-integrity event tracking solution across Shopify Web and Native Apps, ensuring high-quality signals for Meta Pixel and Google Ad Tag Manager to improve merchant conversion tracking.
    • Developed a Dynamic Creative Optimization (DCO) system for creatives design for the openRTB systems.
    • Pioneered a "Contextual UI" bridge using Model Context Protocols (MCP), allowing AI models to leverage design documentation for rapid UI component generation.
    • TypeScript
    • React
    • MCP
    • AI Integration
    • Event Tracking
    • Meta Pixel
    • Google Tag Manager
    • openRTB
    • Dynamic Creative Optimization
    • Design Systems
    • Mobile
    • Native Apps
  2. Jun 2022 โ€” Aug 2025

    Frontend Engineer ยท Amazon

    Amazon Ads

    • Developed and shipped Ads Data Manager, a cloud-based data onboarding and activation SPA using the React ecosystem, ensuring production-ready quality in a fast-paced environment.
    • Implemented Backend-for-Frontend (BFF) middleware using GraphQL to efficiently stitch multiple microservice APIs, optimizing client-server communication and streamlining advertiser workflows.
    • Implemented performance optimization techniques including GraphQL query batching and multi-level caching (client, CDN), resulting in 60% reduction in backend API calls and reduced average response time from 850ms to 320ms under peak traffic conditions.
    • Developed a dynamic SDUI architecture for the advertiser workflow microservice that delivered UI configurations from the backend, allowing real-time interface updates without client deployments and enabling A/B testing of different UX patterns.
    • Designed and implemented a stream-based data ingestion interface that enabled advertisers to upload and process large datasets via chunked streaming, enhancing performance and memory efficiency.
    • Led and implemented infrastructure provisioning with AWS CDK to facilitate secure self-service deployments across multiple accounts and regions, reducing deployment time and complexity.

    Amazon Web Services (AWS CloudWatch)

    • Engineered and implemented AI-powered anomaly detection dashboards that transformed complex machine learning outputs into intuitive visualizations and interactive tables, enabling users to quickly identify unusual log patterns, compare time periods, and detect emerging issues without requiring machine learning expertise.
    • Engineered a high-performance CloudWatch LiveTail system with advanced WebSocket architecture and Web Workers, delivering real-time log streaming at 10,000+ events/second while maintaining responsive interfaces.
    • Implemented an extensive telemetry system capturing behavioral and operational metrics such as client-side latency and API errors to enable deep performance analysis.
    • React
    • TypeScript
    • GraphQL
    • BFF
    • SDUI
    • AWS CDK
    • WebSockets
    • Web Workers
    • CloudWatch
    • Server-Driven UI
    • Performance Optimization
    • CDN Caching
    • A/B Testing
    • Microservices
    • Node.js
    • SPA
  3. Sep 2021 โ€” May 2022

    Sr. Frontend Engineer (Dashboard) ยท Sumo Logic

    • Led the development of high-performance data analytics dashboards, focusing on rapid prototyping and iterative development.
    • Used Chrome DevTools to detect and fix JavaScript memory leaks in large-scale data visualization components, reducing memory consumption by 25%.
    • Established and maintained a comprehensive design system using Atomic Design principles, enabling faster prototyping and consistent user experiences.
    • Implemented performance monitoring systems with well-defined SLIs, improving dashboard load times by 45% using tree shaking and lazy loading of components.
    • React
    • TypeScript
    • JavaScript
    • Atomic Design
    • Design Systems
    • Chrome DevTools
    • Performance Optimization
    • Tree Shaking
    • Lazy Loading
    • Data Visualization
    • SLIs
    • Dashboards
  4. Jan 2019 โ€” Aug 2021

    R&D Software Engineer (Web Infrastructure) ยท Dassault Systรจmes

    • Designed, developed, and maintained a robust Web UI Template library for xApps (online CAD applications), creating reusable components utilized by all feature teams across the company using web components.
    • Ensured all web interface developments were fully compatible with mobile and touch device workflows, delivering a seamless user experience across platforms.
    • Optimized network performance of platform web applications through advanced techniques such as resource hinting, tree shaking, compression, and caching mechanisms, while enhancing runtime efficiency with Web Workers and LocalStorage.
    • Web Components
    • JavaScript
    • TypeScript
    • HTML
    • CSS
    • Mobile
    • Touch UI
    • Performance Optimization
    • Tree Shaking
    • Web Workers
    • LocalStorage
    • Resource Hinting
    • Component Libraries
    • CAD
  5. Jul 2014 โ€” Nov 2016

    Programmer Analyst ยท Cognizant Technology Solutions

    • Enhanced digital banking payment platforms by developing responsive, cross-browser compatible, and accessibility-compliant websites, incorporating advanced features to improve user engagement, streamline workflows, and ensure seamless functionality across devices.
    • Designed and implemented a robust test automation framework, enabling seamless testing across major browsers like Chrome and Firefox, reducing manual testing efforts by 25%.
    • JavaScript
    • HTML
    • CSS
    • Responsive Design
    • Cross-Browser Compatibility
    • Accessibility
    • Test Automation
    • QA
    • Banking
    • Payment Platforms
03.

Projects

No projects yet.

04.

Writing

  1. March 1, 2026 ยท mentorship

    The Interview Loop: A Complete Architecture of Software Engineering Interviews

    Every round, every resource โ€” a complete map of how tech companies interview software engineers from new grad to staff level. Built for mentorship sessions.

    • Interviews
    • Career
    • DSA
    • System Design
    • Mentorship
  2. February 28, 2026 ยท ai

    AI Is Rewriting the Interview: How Shopify, Canva & Others Are Changing Hiring Forever

    Some companies are banning AI from interviews. Others are requiring it. The ones worth watching are rethinking what an interview even means.

    • AI
    • Hiring
    • Career
    • Job Market
    • CS Students
    • Junior Software Engineers
  3. February 26, 2026 ยท ai

    A Practical Guide to Harness Engineering: How to Work with AI Agents Every Day

    The daily rhythm, habits, and discipline that make agent-driven development actually work. A practical guide with eight pillars, common mistakes, and a week-by-week getting started plan.

    • Claude Code
    • AI Agents
    • Harness Engineering
    • TypeScript
    • Developer Workflow
    • Open Source