PortalKit

Un portale con il proprio marchio per ogni cliente di un freelance o di una piccola agenzia: file, approvazione delle bozze, link di pagamento e stato del progetto, esportabile in un solo file HTML.A branded portal for every client of a freelancer or small agency: files, draft approvals, payment link and project status, exportable as a single HTML file.

Interfaccia in ingleseEnglish interfaceHTML · CSS · JavaScriptCostruita con ClaudeBuilt with ClaudeDati solo nel browserData stays in the browser

Prova l'appTry the app → Gratuita, senza account, con dati di esempio.Free, no sign-up, with sample data.

5lingue dell'interfacciainterface languages

4fasi di progettoproject stages

1file HTML esportatoexported HTML file

0server e accountservers and accounts

Cosa faWhat it does

Per ogni cliente gestisci lo stato del progetto in quattro fasi, i file da consegnare, le bozze da approvare e un link di pagamento con importo.For each client you manage project status in four stages, files to deliver, drafts to approve and a payment link with an amount.
L'anteprima mostra esattamente il portale che vedrà il cliente, con i pulsanti per approvare o chiedere modifiche.The preview shows exactly the portal the client will see, with buttons to approve or request changes.
Il portale si esporta come un unico file HTML da inviare o pubblicare dove si vuole.The portal exports as a single HTML file to send or host anywhere.

Come l'ho costruitaHow I built it

L'ho costruita in vibecoding con Claude: ho descritto il problema, le regole e l'aspetto che volevo, Claude ha scritto il codice, io l'ho provata, ho chiesto correzioni e ho deciso cosa tenere. Il risultato è una sola pagina HTML con stile e script dentro, senza framework e senza server: i dati restano nel browser di chi la usa, che può esportarli o cancellarli.I built it through vibe coding with Claude: I described the problem, the rules and the look I wanted, Claude wrote the code, I tested it, asked for fixes and decided what to keep. The result is a single HTML page with styles and scripts inside, no framework and no server: data stays in the user's browser, where it can be exported or deleted.

Scelte tecnicheTechnical choices

White-label con un solo coloreWhite-label from a single color

Dal colore del marchio il codice ricava le varianti più scure e più chiare: un solo campo nelle impostazioni ridipinge tutta l'interfaccia.From the brand color the code derives darker and lighter variants: a single settings field repaints the whole interface.

Esportazione autosufficienteSelf-contained export

Il portale esportato contiene dati, stile e script in un solo file, senza dipendere dall'app o da un server.The exported portal holds data, style and script in one file, independent of the app or any server.

Interfaccia in 5 lingueInterface in 5 languages

Tutti i testi passano da un dizionario, così il portale si può consegnare nella lingua del cliente.All texts go through a dictionary, so the portal can be delivered in the client's language.

Immagini leggereLight images

Il logo caricato viene ridimensionato e compresso nel browser prima di essere salvato; c'è anche un backup completo in JSON.The uploaded logo is resized and compressed in the browser before saving; there is also a full JSON backup.

Cosa ho verificatoWhat I tested

Cliccando un cliente si apre la sua scheda con fasi, file e bozze; l'anteprima mostra la vista del cliente.Clicking a client opens their page with stages, files and drafts; the preview shows the client's view.
Nella vista del cliente le bozze in attesa hanno i pulsanti Approve e Request changes.In the client's view, pending drafts have Approve and Request changes buttons.
Il pulsante di esportazione genera un file HTML.The export button generates an HTML file.