Back to PortfolioBack
Live demoLive
E-Commerce / SaaSdemo.d-talk.co

Fashion commerce,
one canvas.

Frontend architecture for a fashion-tech marketplace that connects designers, brands, and buyers — built around a browser-based product customizer and four role-specific dashboards in a single app.

Live demo
D-Talk landing page — designer marketplace hero
4 role-specific dashboards Fabric.js + Konva canvas EN / FR bilingual Lighthouse scores >90
Contents
01

Fashion Marketplace

Four roles, one creative commerce loop.

I built the frontend for a multi-role fashion e-commerce platform where designers upload and sell their work, brands browse and customize products, and admins run the ecosystem. The centerpiece is a real-time canvas editor (Fabric.js + Konva) that lets users place artwork across multiple print areas with live previews — wired into a typed data layer with TanStack Query and Zustand, role-based access, and bilingual EN/FR support.

The problem

Fashion designers needed a platform to sell digital designs directly to brands, and brands needed a way to customize and order products without back-and-forth.

The answer

Built a multi-role platform with separate dashboards for designers, brands, and admins. Added a real-time canvas editor for product customization with live previews.

Full landing capture Hover to scroll/ Hold on mobile
D-Talk Ecosystem landing page, full length
The whole ecosystem, top to bottom — hover to explore
02

Every side of the marketplace

Roles & dashboards

Designer

Uploads original artwork, prices designs, and sells directly into the marketplace.

Primary seller role

Fashion Designer

Turns garment concepts into production-ready templates in a specialised workspace.

Brand

Browses the catalogue, customises products in the canvas editor, and places orders.

Admin

Moderates listings, manages users, and oversees creator payouts across the ecosystem.

About the platform — who D-Talk is for
03

Where the design happens

Real-time canvas customizer

The centrepiece is a browser-based editor that lets brands place artwork across multiple print areas on a garment — with a live preview that always matches what ships.

Multi-layer canvas

Fabric.js and React-Konva place artwork across print areas with drag, scale, and rotate — all client-side.

AI-assisted generation

Designers can generate starting artwork with AI or upload their own — both feed the same pipeline.

AI-assisted design generation
04

Selling, securely

Commerce & authentication

Beyond the canvas, D-Talk runs a full storefront loop — cart, favourites, checkout, and creator payouts — locked behind stateless, role-aware authentication.

Ecosystem services
Secure authentication flow
Multi-role architecture with specialized dashboards
Canvas-based design editor with Fabric.js and Konva
AI-assisted design generation and custom uploads
Full e-commerce system with cart, favorites, and payments
Earnings tracking and withdrawal system for creators
HTTP-only cookie auth with JWT and role-based access control
Built-in i18n (English and French)
Azure Blob Storage for image management
05

What it's built on

Technology stack

Next.jsReactTypeScriptTailwind CSSZustandTanStack QueryKonvashadcn/uiZod

Frontend

Next.js
React
TypeScript
Tailwind CSS

Interaction & Data

Zustand
TanStack Query
Konva

UI & Validation

shadcn/ui
Zod

Client-side canvas rendering via Fabric.js and React-Konva, with TanStack Query keeping server state fresh across all four dashboards.

Let’s work together

Need something like the D-Talk Ecosystem built — or taken further?

I partner with founders and small teams to ship production software, start to finish. Tell me what you’re building.

Start a projectEmail meWhatsApp
Next case studyAutoParts Tunisia