Resume

Arnab Banerji

Principal Engineer | Product Engineering, Enterprise Modernisation & AI-first Delivery

Bengaluru, India·reach.arnab@live.in·thearnab.com

Updated 2026-07-14

Summary

  • Principal Engineer with 10+ years of experience turning ambiguous product problems into dependable enterprise software, technical architecture, and repeatable engineering systems.
  • Pioneered an AI-first modernisation pilot that redesigned the full delivery workflow - knowledge capture, context routing, implementation, human review, preview evidence, analytics, and continuous improvement.
  • Compressed a multi-year frontend modernisation roadmap into a production launch in roughly six months while keeping legacy and new product surfaces operating safely together.
  • Works across frontend architecture, APIs, design systems, accessibility, performance, complex dashboards, developer tooling, and the technical decisions that help teams ship reliably.
  • Hands-on problem solver who builds practical automation, makes hidden system behaviour visible, and turns lessons from delivery back into better standards and documentation.

Experience

Principal Engineer at Netradyne Technologies India Pvt. Ltd.

Leads frontend architecture and AI-first modernisation for two enterprise fleet-management dashboards, turning five years of product and domain knowledge into a repeatable engineering system for safe migration and faster delivery.

  • Pioneered an AI-first modernisation pilot and expanded it across the team after proving the workflow, compressing an effort expected to take years into a production launch in roughly six months.
  • Converted five years of product, architecture, business-rule, and edge-case knowledge into modular AGENTS.md and engineering documents that evolve alongside the code.
  • Built model-agnostic context routing that gives each task only the relevant rules and documentation, reducing context cost and noise while improving consistency.
  • Created a behavioural reverse-engineering workflow in which agents authenticate, exercise the legacy product like users, capture screenshots and interaction video, and document expected behaviour before implementation.
  • Introduced human-in-the-loop review, playable preview deployments, and product-manager video walkthroughs so interaction feedback arrives without requiring developers to demo every feature live.
  • Kept legacy and new implementations moving safely through an iframe-based microfrontend boundary while the team pivoted from the earlier migration phase.
  • Built an SVG export pipeline that maps hard-coded colours to design tokens, generates light and dark theme values, and detects visually duplicate icons even after designers rename them.
  • Established a feedback loop where implementation reviews improve the underlying documentation, making future agent output more reliable.
Technologies: AngularAngularJSTypeScriptRxJSSignalsSCSSAngular MaterialNG BootstrapPrimeNGMapboxOpenSearchREST APIsi18nAccessibilityPerformanceESLintSonarQubeFigmaAtlassianAnalyticsAgent WorkflowsContext EngineeringAI VerificationVitestKarmaJasmineNodeJS

Consultant at Deloitte

Maintained and modernised the primary web platform for a major US healthcare provider, working across Drupal-backed content systems and reusable frontend components.

  • Built reusable UI components for a Drupal-backed enterprise web platform.
  • Developed search experiences using React and modern frontend tooling.
  • Worked across Drupal 6, Drupal 7, and Drupal 8 upgrade paths for large content platforms.
  • Planned and executed a Drupal 7 to Drupal 8 migration in under one year while keeping Lighthouse performance scores above 80.
  • Delivered AngularJS-to-React modernisation work for search and content experiences.
  • Created a sitemap-driven visual regression tool that reduced manual testing effort by roughly 2000 hours.
Technologies: Drupal 6Drupal 7Drupal 8PHPReactAngularAngularJSTypeScriptJavaScriptNodeJSWebpackSCSSHTMLCSS

Software Engineer at LearningMate Solutions Private Ltd.

Built web-based learning applications, widgets, and tooling using HTML5-era browser capabilities, JavaScript frameworks, testing, and CI/CD.

  • Built applications, widgets, and tools for web-based learning using HTML5, JavaScript, jQuery, and AngularJS.
  • Migrated legacy Flash and Java applet learning experiences to JavaScript-based browser applications.
  • Added unit testing through Karma and Jasmine and contributed to CI/CD implementation.
  • Developed a Flash-to-HTML5 conversion tool that supported migration of more than 15000 widgets.
Technologies: HTML5CSS3JavaScriptjQueryAngularJSKarmaJasmineJavaSpring BootPostgreSQLWeb WorkersNodeJS

Featured Systems

AI-first Modernisation System

A model-agnostic engineering operating model combining institutional knowledge, context routing, legacy behaviour discovery, automated environments, human review, and evidence-based delivery.

  • Piloted the strategic shift from assistant-based coding to an AI-first delivery system and scaled it after proving safety and repeatability.
  • Routed minimal task-specific context to different models to lower cost and improve output quality.
  • Made running-product behaviour the migration specification through automated login, guided exploration, screenshots, videos, and markdown evidence.
  • Automated preview deployment and review evidence, then fed human findings back into the documentation used by future agents.
Technologies: Coding AgentsContext RoutingAGENTS.mdAI SpecificationsAI VerificationHuman ReviewPreview AutomationGuardrailsVitestPlaywright

Enterprise Dashboard Architecture

Architecture direction for customer-facing and internal fleet-management dashboards with legacy coexistence, Angular modernization, routing, state, i18n, and release discipline.

  • Defined boundaries for feature-heavy dashboards where maps, alerts, tables, permissions, video, and operational workflows must coexist.
  • Led AngularJS-to-modern-Angular modernization across multiple Angular generations without freezing product delivery.
  • Established routing, component ownership, state models, and validation practices that make large product surfaces easier to change.
  • Created release-readiness tooling and targeted checks so teams can ship dashboard changes with stronger confidence.
Technologies: AngularAngularJSTypeScriptRxJSSignalsSCSSi18nAccessibilityCI/CDVitestKarma

Design System and Component Governance

Design-system foundations and component governance for dense SaaS dashboards where reusable patterns must preserve product meaning, accessibility, and visual consistency.

  • Defined component APIs around product language instead of styling switches, so templates read like workflow decisions.
  • Connected design tokens, Figma usage, theme foundations, accessibility, and reusable component patterns into delivery standards.
  • Reviewed designs and implementation plans for consistency, responsive behavior, and long-term maintainability.
  • Balanced reusable primitives with product-specific patterns so the design system speeds delivery without flattening important differences.
Technologies: Design TokensFigmaAngularTypeScriptSCSSAngular MaterialNG BootstrapPrimeNGAccessibilityTheme Systems

Large-scale Data Visualization and Real-time UX

Performance and interaction architecture for map-heavy, video-heavy, alert-driven dashboards where users need real-time context without losing scanability.

  • Designed UI structures for live alerts, map-heavy workflows, video playback, large datasets, dense tables, and repeated operational actions.
  • Kept expensive transformations out of repeated render paths and made loading, stale, partial, and error states explicit.
  • Pushed map and alert experiences toward clearer aggregation, better backend contracts, and more useful product states.
  • Focused performance work on user trust: stable context, predictable actions, fast scanning, and recoverable failures.
Technologies: AngularTypeScriptRxJSMapboxOpenSearchVideo PlaybackVirtualizationLazy LoadingPerformance ProfilingREST APIs

Product Engineering and API Direction

Cross-functional product and architecture work that turns workflow problems into better UI behavior, backend contracts, search strategy, and team standards.

  • Reframed timezone handling as a product and platform concern rather than a local formatting issue.
  • Proposed i18n workflow improvements that reduce translation drift and make runtime behavior easier to verify.
  • Identified backend-query and API-contract improvements from frontend workflow pain points.
  • Used problem-observation-proposal-impact framing to move product decisions beyond ticket-by-ticket implementation.
Technologies: Product ArchitectureAPI DesignRESTOpenSearchSQLi18nTimezone SystemsAnalyticsUX ReviewArchitecture Review

Engineering Standards and Quality System

Repository-level standards, documentation, code review practices, and automated checks that help engineers and coding agents ship with stronger consistency.

  • Defined architecture guidance, development rules, and context-routing documents that make repository ownership easier to understand.
  • Added custom ESLint, SonarQube, code-review, and validation checks for high-risk frontend changes.
  • Built team workflows for design review, implementation review, and AI-assisted verification.
  • Mentored engineers through reusable examples, PR review patterns, and clearer standards for component and route ownership.
Technologies: Architecture DocumentationESLintSonarQubeVitestKarmaJasmineCI/CDCode ReviewContext RoutingEngineering Governance

Organisation-scale Application Modernisation

Career-long modernization track record upgrading legacy application estates across learning platforms, healthcare content systems, and fleet-management dashboards.

  • Moved browser learning experiences from Flash and Java applets to JavaScript and HTML5.
  • Worked through Drupal 6, Drupal 7, and Drupal 8 transitions for large content platforms.
  • Modernized AngularJS applications into React and modern Angular generations.
  • Built automation, testing, and quality gates around migrations so teams could move faster without losing reliability.
Technologies: JavaScriptHTML5AngularJSAngularReactDrupalPHPNodeJSCI/CDAutomated TestingVisual Regression

The 1 Hz Computer

Educational looping-adder computer that makes the path from analog input to digital output visible at one instruction per second.

  • Modelled two 0-9 rotary potentiometers through 0-5 V, raw four-bit ADC codes, and decoded input digits, with both ADC stages visible on the breadboard.
  • Runs a real compiled loop that samples both knobs, adds them in the ALU, drives twin seven-segment displays from 00-18, and branches back to sample again.
  • Preserves drill-down views for the compiler, CPU, registers, memory, ALU, breadboard, transistors, and execution timeline.
Technologies: Angular 21TypeScriptDigital LogicRxJSVitestSCSS
Live demo - https://www.thearnab.com/showcase/the-1hz-computer

Skills

AI-first Engineering Systems

Specification-first developmentModel-agnostic context routingLiving AGENTS.md systemsLegacy behaviour discoveryHuman-in-the-loop reviewPreview deployment automationVideo-based product reviewAgent-driven implementationEngineering guardrailsAI verification

Frontend Architecture

AngularAngularJSReactTypeScriptRxJSSignalsRouting architectureState ownershipComponent systemsLegacy coexistenceModernisation strategy

Design Systems

Design tokensComponent API designTheme foundationsAccessibilityResponsive systemsFigma integrationAngular MaterialNG BootstrapPrimeNGUI quality governance

Performance and Real-time UX

Rendering optimizationBundle optimizationLazy loadingLarge datasetsVirtualizationMap-heavy workflowsVideo playbackLive alertsStreaming statesMemory optimization

Product and API Thinking

Outcome ownershipProblem framingTimezone behaviori18n workflow designBackend API contractsOpenSearch workflowsBackend-query reductionMap UX redesignOperational workflow design

Engineering Standards

Architecture documentationCoding standardsCode review systemsESLintSonarQubeVitestKarmaJasmineCI/CD quality gatesRelease-readiness checks

Enterprise Modernisation

Flash to JavaScriptJava applets to JavaScriptDrupal 6 to Drupal 7 to Drupal 8AngularJS to ReactAngularJS to modern AngularMigration planningAutomation around migrationsVisual regression automation

Education

Master of Science, Computer Science

Bachelor of Computer Applications, Computer Applications