apparel-designer

Go to file

Khalid A e67017b259 Phase 2: Canvas Editor Core

Implements the core canvas editor with react-konva:

- Added dependencies: react-konva, konva, use-image
- DesignCanvas component: 300×300px Stage with T-shirt SVG overlay
- TShirtSVG component: Visual t-shirt outline with print zone indicator
- ImageElement: Draggable/resizable image with Transformer handles
- TextElement: Draggable/resizable text with Transformer handles
- useDesignEditor hook: Element CRUD, selection, reordering
- Keyboard shortcut: Delete/Backspace removes selected element
- Test image added on mount for Phase 2 verification

Canvas info bar shows: "Design Area: 15" × 15" • Export: 4500 × 4500px @ 300 DPI"

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

2026-04-21 01:03:33 -05:00

client

Phase 2: Canvas Editor Core

2026-04-21 01:03:33 -05:00

server

Initial commit: Phase 1 scaffolding complete

2026-04-21 00:29:50 -05:00

.dockerignore

Initial commit: Phase 1 scaffolding complete

2026-04-21 00:29:50 -05:00

.env.example

Add .env.example file