The Laboratory

A collection of isolated web experiments, UI interactions, and physics simulations. Use to switch contexts.

Rendering Time Travel

A comparative experiment visualizing the execution timing differences between CSR, SSR, SSG, and ISR. Uses real-time timestamps to demonstrate caching behaviors and hydration lag in the App Router.

RenderingNext.jsTailwind CSS

Temporal State Machine (RTK)

Refactored version using Redux Toolkit. Showcases createSlice, internal Immer usage for simplified immutability, and reduced boilerplate.

Redux ToolkitReactTailwind CSS

Temporal State Machine (Legacy)

A pure Redux implementation showcasing manual immutability, state history, and time-travel debugging without Redux Toolkit.

Redux (Legacy)ReactTailwind CSS

BuddyBills

A PWA for group expense tracking with role-based access, auto-balance updates, and dynamic split logic.

Next.jsNestJSPostgreSQL

Matrix Text Scramble

A cyberpunk-inspired text decryption effect using interval mathematics.

ReactTypeScriptAlgorithms

Particle Physics Engine

A canvas-based 2D physics simulation to test browser performance limits.

HTML5 CanvasTypeScriptMath

Rupyy Partner

Partner portal to onboard dealers and process vehicle loan applications digitally.

Next.jsNestJSMySQL

Command Palette

Search for a command to run...