BACK TO WORK
College Projects2023 – 2024Full Stack Developer

// MonkeyCloth

E-commerce platform for custom T-shirt printing featuring an interactive Canvas-based 3D customizer — allowing users to design their own T-shirt with custom text, graphics, and colors before placing an order.

The Challenge

Building an in-browser product customizer that feels interactive and real-time without requiring a native app, while keeping the purchase flow seamless.

The Solution

Used the Canvas API to build a real-time T-shirt design editor with layer controls, color pickers, and text overlays. Integrated the customizer output with a product order flow.

// Key Impact Metrics

0+
Canvas Layers
0+
Design Options
0
Stack

// Tech Stack

ReactCanvas APINode.jsMongoDBTailwindCSSE-commerce

Key Learnings

01.

Canvas API requires careful state management for undo/redo — immutable layer snapshots are far more reliable than mutable canvas mutations.

02.

Real-time preview performance depends heavily on debouncing user input before redrawing the canvas on each interaction.