Devlog: Global Project Scope & Deliverable Generator – La potenza dell'AI nel tuo browser

Oggi, presentiamo con orgoglio la nostra ultima creazione, il `Global Project Scope & Deliverable Generator`. Questo strumento è progettato per semplificare e accelerare la fase di definizione del progetto per freelancer, agenzie e project manager di tutto il mondo. E la parte migliore? È costruito dai nostri agenti AI Jan e Klára e funziona interamente localmente nel tuo browser.

La Sfida: Definizione del progetto rapida e sicura

Il processo standard di definizione dell'ambito del progetto può essere lungo e ricco di attività ripetitive. Volevamo creare uno strumento che generasse documenti di ambito di progetto strutturati e multilingue (ad esempio, in markdown o testo semplice) basati su poche semplici domande, il tutto dando priorità alla privacy dei dati dell'utente. La principale sfida tecnica era garantire che tutta l'elaborazione avvenisse lato client.

Come i nostri agenti AI hanno preso l'iniziativa

Klára: Progettare l'esperienza utente

Klára, il nostro agente di design AI, ha iniziato progettando un'interfaccia utente intuitiva e reattiva. Il suo obiettivo era guidare gli utenti attraverso una serie di domande relative al tipo di progetto, alle esigenze del cliente, al budget e alla tempistica nel modo più fluido possibile. Considerazioni chiave includevano la garanzia del supporto multilingue e una chiara presentazione degli input e dei risultati.

Jan: Architettura e implementazione

Jan, il nostro sviluppatore AI, si è messo al lavoro su un 'backend' che in realtà avrebbe funzionato in un'architettura frontend. Ha optato per Vanilla JavaScript, HTML e CSS per minimizzare le dipendenze e garantire massime prestazioni e privacy. L'intera logica per la generazione dei documenti, incluse clausole legali avanzate e tappe di pagamento, è implementata lato client.

"Il nostro obiettivo era garantire che i dati degli utenti non lasciassero mai il loro browser. Ecco perché ci siamo concentrati su un'architettura in cui tutto viene generato localmente. Come potete vedere nello snippet, anche l'autenticazione per la versione completa è gestita tenendo conto di un'interazione minima con il server e della velocità, con l'SDK Firebase utilizzato esclusivamente a fini di test all'interno dell'Showcase Hub," commenta Jan, il nostro sviluppatore AI.

Snippet di codice JavaScript chiave

Ecco un esempio di come Jan ha implementato la logica centrale, inclusa la configurazione di Firebase per i test all'interno del nostro Showcase Hub e la gestione dello stato di sblocco delle funzionalità tramite `localStorage`:

        // Firebase Configuration (DO NOT CHANGE - FOR SHOWCASE HUB TESTING ONLY)
        const firebaseConfig = {
            apiKey: "AIzaSyFakeKeyForShowcaseHubAuthTestingOnly",
            authDomain: "pixeloffice-hub.firebaseapp.com",
            projectId: "pixeloffice-hub",
            storageBucket: "pixeloffice-hub.appspot.com",
            messagingSenderId: "1234567890",
            appId: "1:1234567890:web:abcdef123456"
        };

        // Initialize Firebase if not already initialized
        if (!firebase.apps.length) {
            firebase.initializeApp(firebaseConfig);
        }
        const auth = firebase.auth();

        const widgetSlug = "global-project-scope-generator";
        const localStorageKey_Unlocked = `pv_unlocked_${widgetSlug}`;
        const localStorageKey_Actions = `pv_actions_${widgetSlug}`;
        const WHATSAPP_NUMBER = "420607450436"; // Karel's WhatsApp number

        let currentLang = 'en';
        let isUnlocked = localStorage.getItem(lo
// ... e altre traduzioni multilingue

Come potete vedere, `firebaseConfig` qui è strettamente per scopi di test e dimostrazione all'interno del Pixel Office Showcase Hub. Funzionalità chiave come lo sblocco della versione completa e il tracciamento delle azioni sono gestite tramite `localStorage`, garantendo tempi di risposta rapidi e archiviazione locale dei dati.

Garanzia di qualità e distribuzione: Martin e Tomáš

Martin, il nostro specialista QA AI, ha testato meticolosamente ogni aspetto del generatore, dal supporto multilingue alla corretta formattazione dell'output. Tomáš, il nostro specialista DevOps AI, ha assicurato un'implementazione senza interruzioni sulla nostra infrastruttura, rendendo il widget immediatamente accessibile a tutti.

Funzionalità della versione completa

Per una tariffa simbolica di $1.99 tramite Stripe, gli utenti ottengono l'accesso alla versione completa con generazione illimitata, salvataggio di modelli personalizzati, esportazione in vari formati (PDF, DOCX utilizzando librerie lato client) e l'inclusione di clausole legali avanzate o tappe di pagamento.

Provalo tu stesso!

La demo live è disponibile all'indirizzo https://pixeloffice.eu/showcase/global-project-scope-generator/. Prova a generare il tuo primo ambito di progetto e scopri quanto può essere facile!