Skip to main content

Portfolio

TLDR: I lead frontend architecture and engineering across multiple AI-driven product teams, with a primary focus on building scalable, production-grade React applications and enabling AI-assisted development workflows. My role combines hands-on engineering, system design, and AI adoption leadership, with minimal people management and full ownership of technical quality, delivery velocity, and long-term maintainability.

AI Enablement​

  • Designed and implemented an MCP server for the Spark React library to enable AI-driven design-to-code workflows.
  • Integrated Figma-to-code translation using modular, EDL-compliant components.
  • Deployed MCP infrastructure on Google run for organization-wide usage.
  • Built AI assistant RAG interfaces similar to chatgpt interface inside products.
  • Defined Copilot instructions and slash commands for consistent AI usage.
  • Introduced AI-augmented code reviews and validation workflows.

Result: Higher developer throughput, improved design consistency, and AI agents at work reducing dependency on human team members. Enhanced developer experience.

Core Responsibilities​

  • Led frontend architecture for CRO, an enterprise AI product, from inception to large-scale deployment.
  • Designed and implemented a future-proof React stack aligned with Sabre’s internal ecosystem and compliance constraints.
  • Balanced in-house development and strategic vendor tooling to optimize delivery speed and platform stability.
  • Built proof-of-concepts and production-ready AI integrations for frontend products with MCP servers.
  • Drove organization-wide AI adoption for UI development, testing, and code review.
  • Provided technical leadership across cross-functional teams including frontend, backend, cloud, UX, automation, and program management.
  • Acted as a technical connector across teams by staying aligned with parallel product initiatives.

Platform Leadership​

  • Conceptualized and built frontend platforms from a clean slate.
  • Evaluated and standardized core tooling for portfolio of frontend products:
    • React, TanStack Query, Zustand
    • Ag Grids, High charts
    • Vitest, Playwright
    • MCP Servers, RAG clients
    • GitHub Copilot instructions / custom AI Agents
  • Established scalable folder structures, dependency governance, and coding standards.
  • Selected enterprise-grade charting and grid libraries under perpetual licenses to reduce time-to-market and operational risk.

Result: Faster delivery cycles, predictable scalability, and reduced long-term maintenance overhead.

Product experience​

AI based Sass​

  1. Revenue Optimizer

Description: Currently under development, details remain confidential and are not fully publicly available, akin to the Sabre website. The product boasts of first in class gen ai based chat integration to understand or seek insights of the product.

Role Overview:

  1. Technical Leadership: Coding, Refactoring & Directing the greenfield development of a cutting-edge product with a dedicated team of 10 frontend engineers, including both full-time employees and contractors.

  2. Strategic Decision-Making: Oversaw the architectural direction, selection of npm packages, and performance optimization, ensuring exceptional lighthouse scores and thorough PR reviews.

  3. Team and Talent Management: Conducted technical interviews to curate a high-performing team and procured essential npm packages to enhance development capabilities.

  4. Automation and Collaboration: Implemented automated testing with Playwright, facilitated cross-functional collaborations, and provided strategic UX feedback to elevate user experience.

  5. Established scalable folder structures, dependency governance, and coding standards.

Technological Stack:

  • Frontend Technologies: React 18, Zustand, Tanstack Query, AG Grid, Highcharts, Sabre Spark EDL

  • Backend Technologies: Google Cloud Platform (GCP), Spring Boot, MongoDB

Result: Predictable scalability, faster delivery, and reduced maintenance overhead.

Duration: April 2024 - Present

Enterprise Design Language​

  1. Sabre Spark Enterprise Design Language

    By using Sabre Spark EDL, Sabre ensures a unified user experience across their products, enhancing user satisfaction and facilitating the adoption of new features and functionality. Spark EDL team consists of skilled designers and design technologists who specialize in developing vanilla JS components, React components, and design language CSS and themes. Their expertise and collaborative approach ensure that Sabre's products are designed with a consistent and intuitive user interface that meets the highest standards of accessibility, efficiency, and visual appeal.

    Result: Unified UI standards and faster onboarding.

    Led frontend enablement for an enterprise-wide rebranding initiative. Partnered with multiple portfolio teams to implement design and structural changes. Created reference GitHub pull requests as living documentation. Defined migration patterns for logos, assets, and branding guidelines. Provided hands-on support to ensure smooth adoption across products.

    Result: Consistent brand rollout with minimal disruption to delivery timelines.

    Tech Stack - HTML, CSS, JS, Sass, ReactJS, Storybook, NPM, GCP, Teamcity CI, mac, linux VMs, NVM, NodeJS, Rollup JS, Husky, React Testing Library, Playwright, Bitbucket, JIRA

    Sabre Spark EDL Website

Travel Industry​

  1. Sabre Sonic Inventory GUI

    Sabre Sonic Inventory GUI is a graphical user interface & spring boot application that allows airlines to efficiently manage their flight schedules, seat inventory, and fare classes pricing. Sabre Sonic Inventory GUI also includes advanced features such as real-time inventory updates, dynamic pricing, and seat maps, which facilitate effective decision-making and improve customer satisfaction. The Sabre Sonic Inventory GUI team is composed of a diverse group of professionals, including business analysts, designers, full stack developers, architects, managers, directors, marketing specialists, and project managers.

    Tech stack - React JS, Redux, Redux form, Redux Observable, React Router, Spring boot, Java, XML, IntelliJ Idea, Git, Bitbucket, JIRA, Spark EDL, NPM, Webpack, Level Access, Invision App.

Ecommerce​

  1. Landmark brands mdot webapps

    To enhance the mobile ecommerce website conversions for Landmark Group brands, our frontend engineering team developed a standalone mdot web app using modern technologies such as ReactJS, PWA, and server-side rendering. The project was initiated from scratch, and the team faced various technical challenges to obtain approval from the directors and gain infrastructure assistance. While ensuring a great user experience and scaling the team, we met the project deadlines and successfully launched the app.

    Tech stack - NodeJS, Express, ReactJS, Redux, React Router, Redux thunk, Algolia, REST Api, PWA, Service workers, Vue JS

  2. Landmark brands ecommerce webapps

    Landmark Group is a conglomerate company that owns several retail brands such as Maxfashion, Lifestyle, Home Center, and more. Each brand has its own website, such as maxfashion.com, which provides customers with a wide range of clothing, footwear, and accessories options for all ages, from casual to formal wear. The website offers a user-friendly interface, enabling easy navigation and browsing of products by category, brand, or price, and provides frequent sales and discounts to customers. The website serves as a digital representation of the retailer's brand identity and provides customers with omnichannel services such as the option to purchase online and pick up in-store.

Tech stack - Bootstrap, jQuery, responsive websites, sketch, mac, SASS, BEM CSS, Grunt JS, Google analytics, Google Tag Manager, Bitbucket, JIRA, In-vision app.

Max Fashion Website

  1. Shukran

    Shukran is a mobile app developed by Dubai's largest retail conglomerate, Landmark Group, to enhance customer experience and engagement. The web app provides users with a seamless shopping experience by allowing them to earn and redeem reward points across various Landmark Group brands, including Centrepoint, Home Centre, and Max Fashion. Shukran also offers personalized deals, exclusive discounts, and early access to sales, increasing customer loyalty and retention. The app features a user-friendly interface, easy payment options, and a comprehensive loyalty program that rewards users for their purchases and engagement. Shukran is available for download on both iOS and Android devices.

    Tech stack - responsive websites, sketch, mac, SASS, BEM CSS, VueJS, Zeplin In-vision app.

    Shukran website

Fintech​

  1. Chrome river

    Chrome River is a cloud-based solution for expense and invoice management, targeted towards businesses and organizations of all sizes. The platform allows users to easily submit, track and approve expenses and invoices through a simple and user-friendly interface. The website is responsible for uploading expense receipts, viewing auto-uploaded receipts, approving expenses and much more by reducing administrative burden and improving accuracy. It is built on a modern technology stack, with support for RESTful APIs, webhooks and integrations with popular tools like Salesforce, Slack.

    Tech stack - Backbone JS, Marionette JS, Lodash, Underscore, Bootstrap JS, Scss, Invision, Sketch, Mac, Webstorm, Grunt JS

    Chromeriver login

  2. Vista Real estate

    The web app is designed to connect real estate agents and buyers with financial assistance. It simplifies the process of finding a home loan by bringing together buyers, lenders, and agents in one platform. The app enables buyers to search for properties that meet their budget and loan requirements, while real estate agents can connect with potential buyers and lenders, and track loan progress. The platform offers tools to streamline loan applications and approvals, as well as personalized guidance from financial experts. Overall, the web app offers a convenient and efficient solution for both buyers and agents looking for financial assistance in the real estate industry.

    Tech stack - AngularJS, Typescript, Bootstrap, SCSS

Marketing​

  1. Cisco Webex Sales Pages

    The Cisco Webex Sales Portal is a sophisticated and all-encompassing platform built to provide sales teams with comprehensive support for their Webex product and service sales efforts. The portal offers customers multiple options, including the ability to create free tier or trial accounts, as well as purchase premium plans directly from the website. Boasting a highly intuitive user interface and an array of powerful features, the Cisco Webex Sales Portal is a must-have resource for sales professionals seeking to accelerate growth and foster long-term customer relationships.

    Tech stack - Java REST APIs, jQuery, Bootstrap, SCSS, jQuery components, JSP, etc.

Cisco webex

Education technology​

  1. Impartus Video Lectures

The web app is an online platform that enables students to access recorded lectures. The app provides a convenient way for students to catch up on missed lectures or review course material at their own pace. It features a user-friendly interface that allows students to search for specific lectures, view related materials, and take notes. Overall, the web app provides a valuable resource for students looking to enhance their learning experience and improve their academic performance.

Tech stack - AngularJS, NodeJS, Gulp JS, Bootstrap, SCSS

Bookstoc - v1​

  1. Bookstoc - Unconventional books cataloging app

Bookstoc was built to catalog personal books collection and to track the books that are share with my friends/members. I was the full stack developer on the doing development and marketing for the website. Built on ExtJS and PHP, it had ran its time.

Tech stack - ExtJS, Php, linux hosting

bookstoc website WIP

dhbalaji.dev - v2​

  1. dhbalaji website

The personal website of a dhbalaji, serves as a platform for showcasing his portfolio, sharing certification notes, and blogging about his experiences. The website also emphasizes the importance of personal branding and reaching a wider audience to share knowledge and ideas. Through his website, I try to promote my skills and expertise, while also sharing valuable insights and knowledge with others in the industry. Overall, the website serves as a valuable resource for individuals interested in frontend engineering, as well as those looking to build their personal brand and expand their reach in the industry. The website is few years old and had already evolved from hexo JS to docusarus.

Tech stack - docusarus, vercel, css, nodeJS, google domains

dhbalaji.dev website

Not For Profits​

  1. Satpraje

The not-for-profit organization is dedicated to improving the lives of children in the Karnataka area. The organization offers a range of services and programs designed to address the needs of children in the region, such as education, healthcare, and nutrition. It works closely with local communities and government agencies to provide support and resources to children and their families.

Tech Stack: Wordpress

Satpraje Website

  1. Mann Cottage Industry Products Catalog

The not-for-profit organization is dedicated to promoting handmade bedsheets and blankets from the Rajasthan area by providing them with online visibility. The organization works with local artisans to showcase their products on its website, which provides a platform for the artisans to reach a wider audience. By promoting handmade products, the organization is helping to support the local economy and preserve traditional crafts and techniques. The organization also aims to raise awareness about the cultural significance of these products and their importance in preserving the heritage of the region.

Photo not available

Tech Stack: Godaddy hosting, HTML, CSS

Download Detailed resume or One page resume pdf.