Case study · Mercato internazionaleInternational market
ScopeGuard
Per freelance e studi creativi: registra le richieste extra dei clienti, ne calcola il valore non fatturato e le trasforma in un change order da far firmare.For freelancers and creative studios: it logs clients' extra requests, works out their unbilled value and turns them into a change order ready to sign.
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.
3fasi: da fatturare, in change order, fatturatostages: to bill, in change order, billed
1documento da firmaredocument to sign
$valore per ogni richiestavalue per request
0server e accountservers and accounts
Cosa faWhat it does
Ogni richiesta fuori accordo si registra con progetto, ore e data; il valore è ore per tariffa oraria del cliente.Every out-of-scope request is logged with project, hours and date; its value is hours times the client's hourly rate.
Il cruscotto mostra il valore ancora da fatturare, un imbuto dalle richieste alla fattura e il valore aperto per cliente.The dashboard shows the value still to bill, a funnel from requests to invoice and the open value per client.
Scegli le richieste di un cliente e l'app compone il change order con righe, ore e totale, da stampare o salvare in PDF.Pick a client's requests and the app builds the change order with lines, hours and total, to print or save as PDF.
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
Un solo stato per richiestaOne status per request
Ogni richiesta ha uno stato (da fatturare, in change order, fatturata): imbuto, totali e tasso di recupero si ricalcolano tutti da lì.Each request has one status (to bill, in change order, billed): funnel, totals and recovery rate are all recalculated from it.
Change order numeratoNumbered change order
Il documento riceve un numero (CO-anno-nnnn), elenca le voci con data e ore e chiude con il totale da approvare e lo spazio per la firma.The document gets a number (CO-year-nnnn), lists items with date and hours and ends with the total to approve and a signature line.
Stampa senza libreriePrinting without libraries
Il documento ha uno stile di stampa dedicato e si salva in PDF dal browser; i comandi spariscono dalla stampa.The document has a dedicated print style and is saved as PDF from the browser; the controls disappear from the printout.
LeggeroLightweight
Tutta l'app è un file di circa 22 KB, con i dati salvati nella memoria del browser.The whole app is a file of about 22 KB, with data stored in the browser.
Cosa ho verificatoWhat I tested
Una richiesta extra di 4 ore porta il valore non fatturato da $955 a $1,315.An extra request of 4 hours raises the unbilled value from $955 to $1,315.
Il change order per Northwind Studio somma tre richieste per 11 ore e $990.The change order for Northwind Studio adds up three requests for 11 hours and $990.
La nuova richiesta compare in cima alla timeline con lo stato "to bill".The new request appears at the top of the timeline with the "to bill" status.