Înapoi la portofoliu
Tool ⭐ Reprezentativ

CreativSys Auto

Platformă e-commerce B2B/B2C pentru piese auto (CreativSys Auto) cu catalog multi-categorie, comenzi, generare PDF facturi și un workflow dedicat pentru cereri de vopsitorie.

Stack principal

React 19
TypeScript
Vite
Tailwind CSS v4
Radix UI React Hook Form Zod TanStack Query Framer Motion Express Prisma ORM PostgreSQL JWT bcryptjs Stripe Nodemailer pdfkit Puppeteer multer node-cron

Provocarea

Modelarea unui catalog de piese auto cu compatibilitate vehicul (marcă/model/an) și integrarea unui workflow de paint requests cu statusuri, notificări și generare PDF — totul într-o singură platformă coerentă.

Soluția

Schema Prisma cu relații many-to-many pentru compatibilitate vehicul (Product ↔ VehicleModel) și un model PaintRequest cu state machine implementat ca enum Prisma. Notificările email la tranziții de status sunt trimise prin Nodemailer cu template-uri HTML. Facturile și devizele sunt generate cu pdfkit (server-side) și servite ca stream direct în response.

Complexitate notabilă

CreativSys Auto este o platformă e-commerce specializată pentru piese auto, construită cu React 19 (frontend) și Express + Prisma (backend). Platforma deservește atât clienți retail cât și parteneri B2B, cu prețuri și vizibilitate diferențiate per tip de cont. Catalogul de produse suportă categorii ierarhice, filtrare multi-criteriu (marcă, model, an fabricație, categorie piesă) și căutare full-text. Fiecare produs are galerie foto cu upload multiplu (multer), specificații tehnice structurate și stoc în timp real. Coșul de cumpărături și checkout-ul sunt gestionate client-side cu React Hook Form și Zod pentru validare. Un element distinctiv al platformei este modulul de **paint requests** (cereri de vopsitorie): clienții pot solicita vopsirea pieselor comandate specificând codul de culoare, tipul de finisaj și instrucțiuni speciale. Cererile intră într-un workflow de aprobare admin cu statusuri (pending → quoted → approved → in-progress → completed), notificări email la fiecare tranziție și generare automată de deviz PDF cu pdfkit. Backend-ul folosește Prisma ORM cu PostgreSQL pentru schema relațională complexă (produse, variante, comenzi, paint requests, utilizatori cu roluri). Stripe gestionează plățile, cu suport pentru plată integrală sau avans + rest la livrare. Puppeteer generează facturi PDF cu design branded.

Rezultate cheie

  • Catalog cu filtrare compatibilitate vehicul (marcă/model/an)
  • Workflow paint requests cu 5 statusuri și notificări email automate
  • Generare automată facturi și devize PDF cu design branded
  • Plăți Stripe cu suport avans + rest la livrare
  • Import produse din CSV cu validare și deduplicare

Vrei ceva similar?

Începe cu wizard-ul de estimare — răspunzi la câteva întrebări și primești un range de preț + timeline realist.