Available for new opportunities

Hi, I'm Akash Jain

Building reliable, real-time web systems

Experience developing full-stack projects with Next.js and TypeScript, crafting accessible applications with performance budgets and telemetry.

View Case Studies Let's Connect

99.2%System Uptime 1.6sMobile LCP 3Case Studies WCAG 2.2 AAAccessibility

Recruiter speed-run: 30s overview → 2‑min tour → 10‑min deep dive. Start with Featured Case Studies.

99.2%

System Uptime

Production Grade

Case Studies

Technical Depth

95+

Lighthouse Score

Performance

Featured Case Studies

Deep-dive technical case studies showcasing problem-solving, architecture decisions, and measurable outcomes.

PropSage — Evidence-aware sports props

Real-time sports betting props platform with evidence overlays, offline demo mode, and sub-2s load times.

95/100

Lighthouse

1900ms

LCP

80ms

TBT

0.01

CLS

Axe: 0 serious violations

A11y

Next.jsTypeScriptWebSocketsRedisPostgreSQLReal-time

Case study Demo Code

View all projects →

Technical Expertise

Full-stack developer focused on performant, accessible web systems with enterprise-grade reliability.

Frontend & Full-Stack

Next.jsReactTypeScriptTailwind CSSFramer Motion

Backend & Data

Node.jsExpressPostgreSQLMongoDBRedisWebSockets

“I validate with telemetry and tests, ship with performance budgets, and maintain 99.2% system uptime through reliability engineering.”

Full Story Let’s Talk

Technical Expertise

Interactive map of my technical skills and their interconnections. Hover to explore relationships.

React

frontend

Next.js

frontend

TypeScript

frontend

Tailwind

frontend

Node.js

backend

Express

backend

MongoDB

backend

PostgreSQL

backend

Prisma

backend

Docker

devops

AWS

devops

Vercel

devops

Figma

design

UX Design

design

Leadership

soft

Communicate

soft

Mentoring

soft

A11y

soft

Executive Summary

30-Second Project Overview

Recruiter-focused summaries highlighting business impact, technical challenges, and measurable outcomes. Expand for technical deep dives.

Sports Tech

2 weeks (Hackathon)

PropSage

1.2s LCP

Performance

Key Impact (30s read)

•Top 3 for projects using TwelveLabs API (HackGT12)
•94% prediction accuracy achieved
•Real-time data processing under 100ms

FinTech

3 weeks

StockSense

1.8s LCP

Performance

Key Impact (30s read)

•Complete portfolio analytics platform
•Real-time market data integration
•Advanced risk metrics calculation

Enterprise

12 weeks (Internship)

State Farm Systems

35% faster

Performance

Key Impact (30s read)

•Served 2M+ monthly active users
•35% latency reduction in chat systems
•99.98% system uptime maintained

Want the complete technical background?

Download Resume Schedule Technical Interview

Interactive Previews

3D Project Experience

Immersive project previews with device switching, auto-playing screenshots, and interactive 3D effects. Experience the applications before diving into case studies.

Sports Tech

Next.js

TypeScript

TwelveLabs API

PropSage

Real-time sports betting odds aggregation platform with 94% prediction accuracy. Built as a top 3 project using TwelveLabs API with live WebSocket connections and Redis caching for sub-100ms latency.

Live Code

Live Website

Performance Score

Accessibility Score

Seo Score

Key Features

✓Real-time odds aggregation from 5+ sportsbooks

✓Sub-100ms latency with Redis caching

✓WebSocket live updates without page refresh

✓Mobile-first responsive design

✓Advanced statistics and trend analysis

View Full Case Study

FinTech

Next.js

MongoDB

Alpha Vantage API

StockSense

Comprehensive portfolio analytics platform with real-time market data integration. Features advanced risk metrics, P/L calculations, and interactive visualizations for retail investors.

Live Code

Live Website

Performance Score

Accessibility Score

Seo Score

Key Features

✓CSV portfolio import with format auto-detection

✓Real-time price updates for 100+ symbols

✓Advanced P/L calculations across time periods

✓Interactive charts with technical indicators

✓Risk assessment and diversification metrics

View Full Case Study

Safety Tech

PWA

Service Workers

Geolocation API

LandSafe

Progressive Web App for location-based safety with offline capabilities and emergency features. Real-time location tracking and emergency response system.

Live Code

Live Website

Performance Score

Accessibility Score

Seo Score

Key Features

✓Offline-first PWA architecture

✓Real-time location sharing

✓Emergency contact system

✓Geofencing and safety alerts

✓Cross-platform compatibility

View Full Case Study

Interactive Code

Live Code Exploration

Explore the core algorithms and patterns from PropSage. Edit, run, and experiment with real production code.

PropSage Architecture

Real-time odds aggregation with WebSocket connections

Key Features

•WebSocket Streaming
•Redis Caching
•Rate Limiting
•Error Recovery

Technology Stack

Next.js

TypeScript

Redis

WebSockets

WebSocket Odds Client

Real-time sports odds streaming with automatic reconnection

typescript

websocket_odds_client.ts

// Real-time odds streaming client "text-blue-600 font-medium">class OddsStreamClient { private ws: WebSocket | null = null; private reconnectAttempts = 0; private maxReconnectAttempts = 5; "text-blue-600 font-medium">constructor(private url: "text-purple-600">string, private onMessage: (data: "text-purple-600">any) => "text-purple-600">void) {} connect(): "text-purple-600">void { this.ws = new WebSocket(this.url); this.ws.onopen = () => { console.log('Connected to odds stream'); this.reconnectAttempts = 0; // Subscribe to real-time odds this.send({ type: 'subscribe', markets: ['NFL', 'NBA'] }); }; this.ws.onmessage = (event) => { "text-blue-600 font-medium">const data = JSON.parse(event.data); this.onMessage(data); }; this.ws.onclose = () => this.handleReconnect(); this.ws.onerror = () => this.handleReconnect(); } private handleReconnect(): "text-purple-600">void { "text-blue-600 font-medium">if (this.reconnectAttempts < this.maxReconnectAttempts) { this.reconnectAttempts++; setTimeout(() => this.connect(), 1000 * this.reconnectAttempts); } } send(data: "text-purple-600">any): "text-purple-600">void { "text-blue-600 font-medium">if (this.ws?.readyState === WebSocket.OPEN) { this.ws.send(JSON."text-purple-600">string"text-blue-600 font-medium">ify(data)); } } } // Usage example "text-blue-600 font-medium">const client = new OddsStreamClient('wss://api.propsage.com/odds', (data) => { console.log('New odds:', data); updateUI(data.odds); }); client.connect();

// Real-time odds streaming client
class OddsStreamClient {
  private ws: WebSocket | null = null;
  private reconnectAttempts = 0;
  private maxReconnectAttempts = 5;
  
  constructor(private url: string, private onMessage: (data: any) => void) {}
  
  connect(): void {
    this.ws = new WebSocket(this.url);
    
    this.ws.onopen = () => {
      console.log('Connected to odds stream');
      this.reconnectAttempts = 0;
      // Subscribe to real-time odds
      this.send({ type: 'subscribe', markets: ['NFL', 'NBA'] });
    };
    
    this.ws.onmessage = (event) => {
      const data = JSON.parse(event.data);
      this.onMessage(data);
    };
    
    this.ws.onclose = () => this.handleReconnect();
    this.ws.onerror = () => this.handleReconnect();
  }
  
  private handleReconnect(): void {
    if (this.reconnectAttempts < this.maxReconnectAttempts) {
      this.reconnectAttempts++;
      setTimeout(() => this.connect(), 1000 * this.reconnectAttempts);
    }
  }
  
  send(data: any): void {
    if (this.ws?.readyState === WebSocket.OPEN) {
      this.ws.send(JSON.stringify(data));
    }
  }
}

// Usage example
const client = new OddsStreamClient('wss://api.propsage.com/odds', (data) => {
  console.log('New odds:', data);
  updateUI(data.odds);
});

client.connect();

Console Output

// Click "Run" to execute the code

Open in CodeSandbox

Interactive Code

Live Code Exploration

Explore the core algorithms and patterns from StockSense. Edit, run, and experiment with real production code.

StockSense Architecture

Portfolio analytics with real-time calculations

Key Features

•Portfolio P&L
•Risk Metrics
•CSV Parsing
•Chart Rendering

Technology Stack

Next.js

MongoDB

Chart.js

Alpha Vantage API

Portfolio P&L Calculator

Real-time portfolio performance calculation engine

typescript

portfolio_p&l_calculator.ts

// Portfolio per"text-blue-600 font-medium">formance calculator "text-blue-600 font-medium">interface Position { symbol: "text-purple-600">string; quantity: "text-purple-600">number; averageCost: "text-purple-600">number; currentPrice: "text-purple-600">number; } "text-blue-600 font-medium">class PortfolioCalculator { calculatePositionPnL(position: Position) { "text-blue-600 font-medium">const marketValue = position.quantity * position.currentPrice; "text-blue-600 font-medium">const costBasis = position.quantity * position.averageCost; "text-blue-600 font-medium">const unrealizedPnL = marketValue - costBasis; "text-blue-600 font-medium">const percentChange = (unrealizedPnL / costBasis) * 100; "text-blue-600 font-medium">return { marketValue, costBasis, unrealizedPnL, percentChange: Number(percentChange.toFixed(2)) }; } calculatePortfolioMetrics(positions: Position[]) { "text-blue-600 font-medium">let totalValue = 0; "text-blue-600 font-medium">let totalCost = 0; "text-blue-600 font-medium">let totalPnL = 0; "text-blue-600 font-medium">const positionMetrics = positions.map(position => { "text-blue-600 font-medium">const metrics = this.calculatePositionPnL(position); totalValue += metrics.marketValue; totalCost += metrics.costBasis; totalPnL += metrics.unrealizedPnL; "text-blue-600 font-medium">return { ...position, ...metrics }; }); "text-blue-600 font-medium">return { positions: positionMetrics, portfolio: { totalValue: Number(totalValue.toFixed(2)), totalCost: Number(totalCost.toFixed(2)), totalPnL: Number(totalPnL.toFixed(2)), totalReturn: Number(((totalPnL / totalCost) * 100).toFixed(2)) } }; } } // Example usage "text-blue-600 font-medium">const calculator = new PortfolioCalculator(); "text-blue-600 font-medium">const positions: Position[] = [ { symbol: 'AAPL', quantity: 100, averageCost: 150, currentPrice: 175 }, { symbol: 'GOOGL', quantity: 50, averageCost: 2500, currentPrice: 2650 } ]; "text-blue-600 font-medium">const metrics = calculator.calculatePortfolioMetrics(positions); console.log('Portfolio Performance:', metrics.portfolio);

// Portfolio performance calculator
interface Position {
  symbol: string;
  quantity: number;
  averageCost: number;
  currentPrice: number;
}

class PortfolioCalculator {
  calculatePositionPnL(position: Position) {
    const marketValue = position.quantity * position.currentPrice;
    const costBasis = position.quantity * position.averageCost;
    const unrealizedPnL = marketValue - costBasis;
    const percentChange = (unrealizedPnL / costBasis) * 100;
    
    return {
      marketValue,
      costBasis,
      unrealizedPnL,
      percentChange: Number(percentChange.toFixed(2))
    };
  }
  
  calculatePortfolioMetrics(positions: Position[]) {
    let totalValue = 0;
    let totalCost = 0;
    let totalPnL = 0;
    
    const positionMetrics = positions.map(position => {
      const metrics = this.calculatePositionPnL(position);
      totalValue += metrics.marketValue;
      totalCost += metrics.costBasis;
      totalPnL += metrics.unrealizedPnL;
      return { ...position, ...metrics };
    });
    
    return {
      positions: positionMetrics,
      portfolio: {
        totalValue: Number(totalValue.toFixed(2)),
        totalCost: Number(totalCost.toFixed(2)),
        totalPnL: Number(totalPnL.toFixed(2)),
        totalReturn: Number(((totalPnL / totalCost) * 100).toFixed(2))
      }
    };
  }
}

// Example usage
const calculator = new PortfolioCalculator();
const positions: Position[] = [
  { symbol: 'AAPL', quantity: 100, averageCost: 150, currentPrice: 175 },
  { symbol: 'GOOGL', quantity: 50, averageCost: 2500, currentPrice: 2650 }
];

const metrics = calculator.calculatePortfolioMetrics(positions);
console.log('Portfolio Performance:', metrics.portfolio);

Console Output

// Click "Run" to execute the code

Open in CodeSandbox