A space where I share how I think, the decisions behind my architecture, and the tools I trust. Explore deep dives into real-world engineering topics, browse curated resources and roadmaps on the Tech Shelf, or go behind the scenes on API design, auth, testing, and more. Interested in collaborating? The Tech Shelf is community-driven and contributions are welcome.
Deep Dives
Here, I take a hands-on approach to explore topics thoroughly, going far beyond surface-level explanations to uncover not only the tools and techniques but also the deeper principles and patterns that drive modern software engineering. Whether it's a focused individual dive into a single concept or a structured series that builds knowledge across multiple parts, each exploration is designed to be practical and actionable, featuring detailed examples, live code snippets, implementation strategies, and real-world use cases.
I also dive into advanced concepts like system design, performance optimization, architecture patterns, and scalable solutions, while sharing the mindset and problem-solving approaches experienced engineers use to tackle complex challenges. These deep explorations equip you with both the knowledge and the way of thinking needed to understand, apply, and master sophisticated concepts.

ReactJS Series
A comprehensive beginner-friendly series covering React from the ground up. Learn what React is, how JSX and components work, how to pass data with props, and how to manage state with useState.

Claude Code Series
Master Claude Code from zero to power user. Start with the fundamentals of agentic coding, then dive deep into skills, memory, token optimization, agent teams, MCP integrations, CI/CD pipelines, and remote workflows.

Claude Code: Agent Teams, MCP Servers & CI/CD Pipelines
Go multi-agent with Claude Code. Master agent teams, build custom MCP integrations, automate with GitHub Actions, and create CI/CD pipelines that code for you.

Claude Code Remote Control: Continue Terminal Sessions From Your Phone
Learn how Remote Control lets you continue Claude Code sessions from your phone, tablet, or any browser — while everything runs locally on your machine.

Code to Canvas: Turning Production Code into Editable Figma Designs
Learn how Claude Code + Figma's MCP server turns your running UI into editable Figma layers — and back. The complete bidirectional design-code workflow.

Mastering Claude Code: Skills, Memory, Tokens & Power-User Secrets
Go beyond basics. Master CLAUDE.md context, auto memory, custom skills, hooks, subagents, token optimization, and the workflows that 10x your productivity with Claude Code.

Claude Code: The Agentic Coding Tool That Lives in Your Terminal
Master Claude Code — Anthropic's AI coding agent. Learn setup, agentic workflows, MCP servers, hooks, CLAUDE.md, and how it compares to Cursor and Copilot.

JSX & Components — ReactJS Series Part 2
Learn how JSX works under the hood, how to create and nest React components, and the rules that make JSX different from HTML.

What is React? — ReactJS Series Part 1
A beginner-friendly introduction to React. Learn what React is, why it exists, how it differs from vanilla JavaScript, and build your first component.

Landing Pages: Structure, Design & Creative Imagination
Master landing page design with proven structures, creative techniques, and interactive examples. Learn what converts visitors into customers.

Testing Methodologies Demystified: TDD vs BDD vs ATDD
A comprehensive guide to understanding different testing approaches, when to use each, and how they transform your development workflow.

Complete Cloudflare Load Balancer Setup - Add Your Vercel Deployment
Real step-by-step guide to create Cloudflare Load Balancer and add your already deployed Vercel app with health checks and failover.

Hash Maps in Python and JavaScript: Visual & Code Examples
Learn hash maps (dictionaries in Python and objects in JavaScript) with interactive code and visual examples.

Programming Language Speed Showdown
Comprehensive performance comparison of some programming languages with runnable benchmark examples.

TailwindCSS vs CSS: Which Should You Choose?
This guide explores the differences between TailwindCSS and Traditional CSS, showing how each approach works with interactive examples, along with pros, cons, and real-world use cases.