Design Wearpack preview 1

Design Wearpack

Public workwear design studio with live pricing and an approval flow.

Tool DraftUtility ToolAvailableRp 149.000IntermediateUpdated 2026-07-09Next.js 16 (App Router), React 19, TypeScript, Prisma 7 + PostgreSQL, next-intl (en/id), Tailwind CSS 4
DemoBuyBuy · Lynk.idRp 149.000

Description

Single-page public workwear/garment design studio. Buyers pick a garment template (wearpack, polo, t-shirt, or shirt), customize panel colors against a live SVG preview, upload chest/back logos, choose accessories, fill in a size spec with per-size quantities, and get a live computed price (material + sewing + accessories + margin). Designs are saved and shared via a short link, and customers can open a review page to approve or reject.

What Already Works

Design studio configurator with live SVG preview
9 seeded garment templates across 4 categories
Chest and back logo upload with technique selection
Accessory multi-select (zipper, buttons, elastic, embroidery, name label)
Size spec editor with per-size quantity table
Live price calculation (material + sewing + accessories + margin)
Save and resume a design via a shareable link
Customer review page with approve/reject flow

What's Included

  • Full source code
  • README and setup guide
  • License
  • AI-ready docs (PRD, technical spec, deployment notes)
  • Prisma seed data (9 templates, accessories, fabric colors)

How to Run

  1. Unzip the source and run npm install.
  2. Copy .env.example to .env.local and set DATABASE_URL (PostgreSQL).
  3. Run npx prisma generate then npx prisma db push.
  4. Run npx prisma db seed to load the 9 garment templates, accessories, and fabric colors.
  5. Run npm run dev and open http://localhost:3000.

Continuation Notes

  • Requires your own PostgreSQL database (Neon, Supabase, or similar) to run.

Known Limitations

  • No email delivery — sharing a design returns a review link, it doesn't send an email (the email dependency is included but not wired in)
  • Reference image uploads are stored on local disk — not portable to serverless hosting without changes
  • No authentication or ownership — a design's ID/share code acts as its own access key
  • Pricing is in Indonesian Rupiah — needs localizing for other currencies
  • Still needs human or developer review before shipping
Preview of Convert PNG to PDF
Tool DraftUtility ToolAvailable

Convert PNG to PDF

Privacy-first client-side image converter with batch ZIP export.

Next.js 16 (App Router)React 19TypeScriptTailwind CSS 4pdf-lib+1

Rp 149.000

Preview of Social Media Downloader
Tool DraftUtility ToolAvailable

Social Media Downloader

Single-page YouTube downloader with real server-side extraction via yt-dlp — video, audio, and ZIP bundles.

Next.js 14 (App Router)React 18TypeScriptTailwind CSS 3Framer Motion+4

Rp 149.000