System Architecture & Performance Metrics

My Engineering Portfolio

Explore the system designs, backend pipelines, and performance benchmarks behind my latest software engineering projects.

Developer Tools and AI Platform

ReviewRay

AI-Powered Code Review Engine

May 2026 - July 2026

ReviewRay

Project Overview

ReviewRay is an AI-native code review platform that integrates directly with GitHub workflows to provide codebase-aware, automated feedback on pull requests. Built for modern software development teams, it leverages vector semantic search and Large Language Models to analyze pull request diffs, retrieve project context, and publish contextual inline code reviews in seconds.

Key Capabilities

  • Codebase-aware reviews using Retrieval-Augmented Generation
  • Asynchronous webhook processing with Inngest job queues
  • Automated line-by-line pull request comments using Octokit
  • Vector semantic search indexing powered by Pinecone
  • Secure user authentication via Better Auth with GitHub
  • SaaS subscription lifecycle integration with Razorpay
  • Scalable multi-model inference routing via OpenRouter
  • Premium developer dashboard with responsive layout

Technologies Deployed

NextJs
Next.js
TypeScript
TypeScript
React
React
Tailwind
Tailwind CSS
shadcn/uiBetter Auth
Postgres
PostgreSQL
Prisma ORMPineconeInngestOpenRouter

System Architecture & Technical Specifications

Next.js App Router -> Server Actions and Route Handlers -> Prisma ORM -> PostgreSQL | Better Auth Session Handling | Inngest Background Jobs | OpenRouter and Pinecone Client -> Model Inference via GitHub Webhooks

System Pipeline Flow

Visualizing the step-by-step lifecycle of request payloads and data pathways.

01
GitHub Webhooks Trigger
Real-Time PR Actions

Receives pull request payloads (open, synchronize, reopen) from GitHub repositories in real-time. Signatures are validated using HMAC SHA-256 headers.

02
Next.js Route Handlers
API Gateway & Better Auth Middleware

Validates active subscription statuses using Razorpay metadata and processes session authorization keys with Better Auth cookie verification.

03
Inngest Queue Worker
Asynchronous Background Processing

Orchestrates background step functions asynchronously. Manages high-throughput PR webhooks with automated retries, failure handling, and concurrency limits.

04
Pinecone RAG Vector Search
Semantic Code Context Extraction

Performs semantic queries against codebase chunks stored as embeddings in Pinecone, retrieving code snippets and repository structures relevant to the PR diff.

05
OpenRouter LLM Inference
Line-by-Line Context Reviews

Sends code context to OpenRouter APIs (Claude 3.5 Sonnet / Gemini 1.5 Pro) to analyze diff code logic, then submits precise line comments to the GitHub API via Octokit.


Key Technical Challenges & Solutions

Challenge 01

Orchestrating high-performance Retrieval-Augmented Generation (RAG) context matching across codebases containing thousands of files.

Challenge 02

Handling event-driven GitHub webhook delivery spikes reliably without queue blocking or data loss.

Challenge 03

Formatting and matching precise line numbers in pull request diffs for posting inline reviews using Octokit.

Challenge 04

Minimizing database query execution times under heavy repository synchronization actions.

Challenge 05

Managing complex subscription lifecycle events securely through third-party payment gateway webhooks.

AI Productivity Platform

ExeOS-AI

AI-Powered Executive Operating System

June 2026 – July 2026

ExeOS-AI

Project Overview

ExeOS-AI is an AI-native executive workspace that unifies email, calendars, tasks, notes, and intelligent automation into a single productivity platform. Built for professionals and modern teams, it leverages state-of-the-art language models to automate routine work, organize information, and provide actionable insights from your daily workflow.

Key Capabilities

  • AI-powered email analysis and intelligent summarization
  • Smart calendar scheduling and event management
  • AI executive assistant with contextual conversations
  • Task management with intelligent prioritization
  • Background workflow automation using Inngest
  • Multi-model AI support via OpenRouter
  • Real-time notifications and productivity insights
  • Premium responsive dashboard with dark mode

Technologies Deployed

NextJs
Next.js
TypeScript
TypeScript
React
React
Tailwind
Tailwind CSS
shadcn/uiClerk
Postgres
PostgreSQL
Drizzle ORMOpenRouterVercel AI SDK

System Architecture & Technical Specifications

Next.js App Router → Server Actions & Route Handlers → Drizzle ORM → PostgreSQL │ Clerk Authentication │ Inngest Background Jobs │ OpenRouter & Vercel AI SDK → OpenAI · Claude · Gemini · Tencent Models

System Pipeline Flow

Visualizing the step-by-step lifecycle of request payloads and data pathways.

01
Clerk Authentication Gate
Workspace & Role Scopes

Shields server resources by validating Clerk session cookies, ensuring users only access their authorized workspace and tenant organization scopes.

02
Next.js Server Actions
Vercel AI SDK Router

Routes client actions, manages react state, and streams model completions to the dashboard interface using Vercel's standard AI stream helpers.

03
Inngest Task Queue
Background Synchronization Crons

Fires scheduled crons to sync email and calendar events, processes asynchronous database updates, and triggers real-time workspace alerts.

04
OpenRouter Multi-LLM Orchestrator
Inference Model Routing

Selects and calls the best frontier models (Claude 3.5 Sonnet, GPT-4o, Gemini 1.5 Pro) based on workspace prompts, request latency, and budget requirements.

05
Drizzle ORM / PostgreSQL DB
Relational Persistence Layer

Performs low-latency transactional updates and relational queries on PostgreSQL schemas using Drizzle, fetching inbox messages, event schedules, and system logs.


Key Technical Challenges & Solutions

Challenge 01

Designing a scalable AI orchestration layer capable of routing requests across multiple language models.

Challenge 02

Building asynchronous AI workflows with retries, scheduling, and event-driven processing using Inngest.

Challenge 03

Creating a premium, highly responsive SaaS interface while maintaining accessibility and performance.

Challenge 04

Optimizing PostgreSQL queries and Drizzle ORM interactions for low-latency data retrieval.

Challenge 05

Managing secure authentication, protected routes, and user-specific AI context using Clerk.

Developer Tooling

ZenithCLI

Next-Gen AI Developer Workspace & CL

May 2026 – Present

ZenithCLI

Project Overview

Zenith CLI is a modern, AI-powered developer workspace that lives entirely inside your terminal. Powered by Google Gemini, Zenith combines conversational AI, intelligent tool execution, and autonomous project generation into a single CLI experience. Whether you're asking questions, searching the web, executing code, or scaffolding an entire application, Zenith keeps your workflow fast, interactive, and terminal-first.

Key Capabilities

  • AI-assisted code generation from terminal
  • Project scaffolding with best-practice templates
  • Authentication management (OAuth + JWT)
  • Workflow automation & background jobs
  • Intelligent debugging assistance
  • Web dashboard via Next.js for project overview
  • Prisma ORM for type-safe DB operations
  • Developer productivity optimization tools

Technologies Deployed

React
React
TypeScript
TypeScript
Postgres
PostgreSQL
Prisma
Prisma
Tailwind
TailwindCSS
Commander.jsshadcn/uiBetter AuthOpenAI
Express
Express.js

System Architecture & Technical Specifications

Commander.js CLI → Express.js API → Prisma → PostgreSQL | Next.js Dashboard | OpenAI API for AI inference | Better Auth for user management

System Pipeline Flow

Visualizing the step-by-step lifecycle of request payloads and data pathways.

01
Bun CLI / Commander.js Core
Terminal-First Developer Utility

Accepts developer commands and arguments inside terminal shells. Bundles module trees using tsup/esbuild for minimal execution latency.

02
OAuth Device Auth Portal
Browser Authentication Validation

Coordinates login states between the terminal and browser using the OAuth 2.0 Device Flow (RFC 8628) and Better Auth dashboard controls.

03
Express.js API Gateway
Central Command Server

Processes REST queries, validates user authentication payloads, and fetches details from a PostgreSQL instance using type-safe Prisma schemas.

04
Google Gemini API Integration
Generative AI Automation Worker

Leverages Gemini API models via the Vercel AI SDK to build folder structures, write template configurations, and stream generated code solutions to the terminal.


Key Technical Challenges & Solutions

Challenge 01

Designing an intuitive CLI UX that works cross-platform

Challenge 02

Streaming AI responses in real-time within the terminal

Challenge 03

Managing secure API key storage in the CLI context

UI Library

Synapse UI

Production-Ready React Component Library

Jan 2026 – May 2026

Synapse UI

Project Overview

Synapse UI is a modern React UI library built with Next.js, TypeScript, and FumaDocs - helping developers build beautiful, production-ready applications faster. Designed with accessibility, performance, and scalability in mind, it enables teams to ship consistent, maintainable interfaces with confidence.

Key Capabilities

  • Copy-paste ready React components
  • Shadcn CLI compatible installation
  • FumaDocs-powered interactive documentation
  • MDX examples with live previews
  • Full TypeScript support & type exports
  • Accessible & ARIA-compliant components
  • Dark mode support out of the box
  • Composable TailwindCSS design system

Technologies Deployed

NextJs
Next.js
TypeScript
TypeScript
React
React
Tailwind
TailwindCSS
FumaDocsshadcn/uiMagic UI
Nodejs
Node.js

System Architecture & Technical Specifications

Next.js App Router → FumaDocs MDX → Component Registry | TailwindCSS design tokens | Shadcn CLI integration | Vercel deployment

System Pipeline Flow

Visualizing the step-by-step lifecycle of request payloads and data pathways.

01
FumaDocs Portal
Interactive Developer Documentation

Hosts interactive MDX documentation pages, rendering live playground components where designers can manipulate props and see layouts in real-time.

02
Component Registry JSON API
Modular Code Content Distributor

Compiles source code paths, Tailwind design tokens, and components catalog layouts into static JSON metadata hosted on Vercel CDN nodes.

03
npx CLI Installer
Automatic Code Dependency Inversion

Resolves shadcn-compatible CLI requests to fetch component details from the JSON registry and injects them directly into developer file workspaces.


Key Technical Challenges & Solutions

Challenge 01

Building a zero-dependency component registry compatible with Shadcn CLI

Challenge 02

Rendering live MDX examples with accurate type inference

Challenge 03

Maintaining consistency across 30+ components with a single design system

Real-Time

SocketPoll

Real-Time Audience Engagement Platform at Scale

Mar 2026 – Mar 2026

SocketPoll

Project Overview

SocketPoll is a real-time audience engagement platform engineered for instant interactive experiences, featuring low-latency WebSocket communication, scalable backend architecture, and a modern React-based interface powered by PostgreSQL for reliable data persistence.

Key Capabilities

  • Real-time WebSocket bi-directional communication
  • Live poll state synchronization
  • Multi-user concurrent session support
  • Presenter controls & audience view separation
  • PostgreSQL persistent vote storage
  • Ultra-low latency response updates
  • Responsive UI for mobile & desktop
  • Session-based access control

Technologies Deployed

React
React
TypeScript
TypeScript
Postgres
PostgreSQL
Drizzle ORM
Tailwind
TailwindCSS
WebSocketViteshadcn/ui
Express
Express.js

System Architecture & Technical Specifications

React + Vite SPA → WebSocket (ws) → Express.js → Drizzle ORM → PostgreSQL | Real-time event broadcasting | Vercel deployment

System Pipeline Flow

Visualizing the step-by-step lifecycle of request payloads and data pathways.

01
Presenter & Audience Clients
Interactive Frontend Applications

React + Vite user applications that render active vote sliders, poll charts, and session control panels using responsive Tailwind elements.

02
ws WebSocket Connection Core
Bi-Directional Messaging Pipeline

Creates persistent, bi-directional sockets between user views and the backend to broadcast and update live poll stats in milliseconds.

03
Express HTTP Router
Authentication & Administration Gate

Validates host dashboard credentials, initializes active poll sessions, and exposes REST endpoints for dashboard controls.

04
Drizzle ORM & PostgreSQL Store
Transactional Persistence Layout

Validates user ip hashes, registers vote transactions, and saves aggregate tallies onto Postgres schemas utilizing Drizzle.


Key Technical Challenges & Solutions

Challenge 01

Maintaining consistent state across all connected clients at scale

Challenge 02

Handling WebSocket disconnects and graceful re-connection

Challenge 03

Designing the database schema for high-throughput vote writes

AI / Python

LinkedUp

AI-Powered LinkedIn Content Generation Platform

April 2023 – September 2023

LinkedUp

Project Overview

LinkedUp is an AI-powered LinkedIn content generation platform built with LangChain, Groq LLMs, and Streamlit, delivering context-aware, high-quality content generation through scalable LLM pipelines and an intuitive user interface.

Key Capabilities

  • LangChain scalable prompt pipeline
  • Real-time Groq LLM inference
  • Context-aware content personalization
  • Structured output via Pydantic models
  • Interactive Streamlit UI
  • Tone & audience targeting controls
  • One-click copy for LinkedIn posts
  • Multi-topic post generation

Technologies Deployed

Python
Python
LangChainGroq APIStreamlitPydanticAI Integration

System Architecture & Technical Specifications

Streamlit UI → LangChain Prompt Pipeline → Groq LLM Inference → Pydantic Output Parser | Streamlit Cloud deployment

System Pipeline Flow

Visualizing the step-by-step lifecycle of request payloads and data pathways.

01
Streamlit Dashboard
User Parameters Controller

Renders parameter settings (tone, industry, keywords, topic, length) for generating LinkedIn posts using Streamlit elements.

02
LangChain Pipeline Orchestration
Prompt Template & Context Manager

Loads preconfigured prompt files, compiles user context inputs, and handles call chains to orchestrate instructions to LLMs.

03
Groq LLM API
High-Speed Inference Engine

Queries Groq's high-speed API endpoints to get structured text responses in milliseconds.

04
Pydantic Schema Parser
Structured JSON Output Parser

Enforces type structures on generated text output (e.g. hashtags, key hooks, content blocks) before rendering details to users.


Key Technical Challenges & Solutions

Challenge 01

Designing prompt templates that reliably produce LinkedIn-optimized content

Challenge 02

Managing LLM token costs while keeping response quality high

Challenge 03

Building a low-friction UX with zero infrastructure in Streamlit

Frontend

Mini-TailwindCSS

Lightweight Tailwind-Inspired CSS Utility Engine

Feb 2026 – Feb 2026

Mini-TailwindCSS

Project Overview

A lightweight, runtime CSS utility engine inspired by Tailwind CSS, leveraging vanilla JavaScript and DOM manipulation to deliver dynamic utility class generation, real-time styling, and a fast, build-free development workflow.

Key Capabilities

  • Runtime utility class parsing (no build step)
  • Dynamic style injection via DOM API
  • Extensible class mapping architecture
  • Responsive utility class support
  • React integration layer included
  • Zero-dependency core engine
  • NPM package distribution
  • Rapid UI prototyping without toolchain setup

Technologies Deployed

JavaScript
JavaScript
TypeScript
TypeScript
Express
Express.js
DOM Manipulation
Tailwind
TailwindCSS
React
React
NPM

System Architecture & Technical Specifications

Vanilla JS Utility Parser → DOM Style Injection → Class Map Registry | React Adapter Layer | Netlify deployment | NPM package distribution

System Pipeline Flow

Visualizing the step-by-step lifecycle of request payloads and data pathways.

01
HTML / DOM Nodes Scan
Client-Side Token Extraction

Parses DOM layouts at runtime, scanning class lists for active Tailwind CSS style configurations.

02
JS RegEx Parser Engine
Token Component Extractor

Tokenizes string classes into parts, identifying responsive tags, utility modifiers, values, and selector parameters at runtime.

03
Class Map Registry
Standardized Property Compiler

Compares style tokens against lookup configurations to compile standard CSS style sheets dynamically.

04
Style Tag Injector
Dynamic Browser CSSOM Injection

Appends generated styling rules into a dedicated runtime stylesheet in the browser document head, painting components instantly.


Key Technical Challenges & Solutions

Challenge 01

Designing a performant runtime parser that doesn't block the main thread

Challenge 02

Handling class specificity conflicts with existing stylesheets

Challenge 03

Making the extensible class map intuitive for third-party consumers

GitHub
LinkedIn
X