Skip to main content

Watch & Learn

Live Coding Sessions

Real-time build-alongs, deep-dives, and Q&A — covering React, AI integration, performance, and system design.

12+

Sessions

8K+

Total Views

40h+

Content

6

Topics

Watch Session ● RECORDED 2h 14m
AI / LLMsNext.jsSupabase

Building a Full-Stack RAG App — Live from Scratch

End-to-end build: chunking docs, generating embeddings with OpenAI, storing in pgvector, and wiring up a streaming Next.js 15 chat UI — all in one session.

  • 15 Jan 2026
  • 2.4K views
  • 2 hr 14 min
Watch on YouTube ↗
● REC 1h 38m
ReactNext.js

React Server Components Deep Dive

Demystifying RSC boundaries, data fetching patterns, and the streaming architecture behind Next.js App Router.

8 Jan 2026 · 1.1K viewsWatch ↗
● REC 1h 52m
Three.jsWebGL

Three.js Particle System from Scratch

Building a GPU-instanced particle system with custom GLSL shaders, mouse interaction, and post-processing.

22 Dec 2025 · 980 viewsWatch ↗
● REC 2h 05m
LangGraphAI Agents

Building AI Agents with LangGraph

Multi-step agents with tool use, memory, and human-in-the-loop checkpoints — built live using LangGraph and FastAPI.

10 Dec 2025 · 1.7K viewsWatch ↗
● REC 55m
TypeScript

TypeScript Generics Masterclass

Conditional types, infer keyword, mapped types, and template literal types explained with live coding exercises.

28 Nov 2025 · 740 viewsWatch ↗
● REC 3h 10m
Next.jsStripePrisma

Zero to SaaS: Full-Stack in One Session

Auth, payments, database, and dashboard — a complete SaaS starter built live with Next.js, Stripe, and Prisma.

5 Nov 2025 · 1.3K viewsWatch ↗

CS Fundamentals

LeetCode · DSA · System Design

Strong fundamentals drive better software. From optimal algorithms to distributed architectures — I train daily and apply these patterns in production.

LeetCode

@suboorkhan

450+

Solved

320+

Day Streak

82%

Acceptance

Difficulty Breakdown

Easy180 / 800
Medium210 / 1600
Hard60 / 700
Top 5% Contest Rating 1890 Knight Badge

Data Structures

Proficiency levels

Arrays & StringsExpert
Trees & GraphsAdvanced
Dynamic ProgrammingAdvanced
Hash Maps & SetsExpert
Heaps & Priority QueuesProficient
Tries & Segment TreesProficient
Two PointersSliding WindowBFS/DFSBinary SearchUnion FindBacktracking

System Design

Distributed systems expertise

🏗️

Scalability Patterns

Horizontal scaling, consistent hashing, sharding, read replicas, CQRS

🗄️

Storage & Caching

SQL vs NoSQL trade-offs, Redis, CDN layers, write-through vs write-behind

📡

Messaging & APIs

Kafka, RabbitMQ, REST vs gRPC vs GraphQL, rate limiting, API gateways

🔒

Reliability

Circuit breakers, bulkheads, retries with exponential backoff, chaos engineering

Key Algorithm Patterns & When I Use Them

🪟

Sliding Window

Max subarray sum, longest substring without repeats, minimum window substring — O(n) solutions replacing O(n²).

ArraysStrings
🔱

Two Pointers

3Sum, trapping rain water, container with most water — collapses a nested loop into a single linear pass.

ArraysSorting
🌳

DFS / BFS

Graph traversal, island counting, word ladder, shortest path in unweighted graphs — the backbone of tree/graph problems.

GraphsTrees
📈

Dynamic Programming

Knapsack, longest common subsequence, coin change, edit distance — memoisation and tabulation from scratch.

OptimisationCounting
🔍

Binary Search

Search in rotated arrays, kth smallest element, capacity problems — apply on answer space, not just sorted arrays.

ArraysMath
↩️

Backtracking

Permutations, subsets, N-Queens, sudoku solver — prune early, build incrementally, never over-allocate state.

CombinatoricsRecursion
🔗

Union Find

Number of connected components, redundant connection, accounts merge — path compression + union by rank for near-O(1).

GraphsSets
⛰️

Monotonic Stack

Next greater element, largest rectangle in histogram, daily temperatures — O(n) solutions via invariant maintenance.

ArraysStack

System Design Deep Dive

Systems I Can Design — End to End

Distributed Systems High Availability 99.99% SLAs

🐦

Twitter / X Clone

Fanout on write vs read, timeline aggregation, tweet ranking, media CDN, 10M DAU scale

🎬

YouTube / Video Platform

Video ingestion pipeline, adaptive bitrate streaming, transcoding workers, recommendation engine

🛒

E-Commerce Platform

Product catalog, inventory ledger, flash sales with Redis INCR, order saga pattern, payment idempotency

💬

Real-time Chat (WhatsApp)

WebSocket servers, message persistence, delivery receipts, end-to-end encryption, group fanout

🔗

URL Shortener (Bit.ly)

Base62 encoding, consistent hashing for redirect tier, analytics pipeline, 100K QPS read path

🔍

Search Engine (Typeahead)

Inverted index, trie-based autocomplete, TF-IDF ranking, MapReduce crawler, web-scale sharding

Live Code

Watch Me Build

Real React & Node.js code — auto-typed, compiled and rendered live.

App.jsx server.js
Typing…
src / App.jsx live
1
Output Browser Preview
localhost:3000
TaskFlow

React + Node.js App

✓ Compiled in 238ms

Output will appear here…

⚡ Vite 5.0 ✓ TypeScript 📦 Node 20 LTS
0 chars JSX

Get In Touch

Let's Work Together

Have an exciting project? I'm always open to new opportunities and collaborations.