ZeroToShip

Docs/Componenti

// componente

Problem

Sezione “before/after”: due finestre in stile finder affiancate. A sinistra la cartella vuota con cui parti oggi, a destra la cartella già cablata che ottieni con ZeroToShip. Chiude con una statline serif grande sotto.

File

components/Problem.tsx

Uso base

app/page.tsx
tsx
import Problem from "@/components/Problem";

<Problem />

Personalizzare

  • Elementi del tree: l'array filledTree definisce cosa mostra la finestra di destra. Ogni item è { type: "folder" | "file", name, highlight? }. Gli item con highlight: true vengono mostrati con background mustard e badge AI-ready.
  • Contatore “e altri N pezzi”: cambia la costante hiddenCount.
  • Punchline finale: modifica l' <h2> con il numero di ore (di default 72h).