Devlog: Global Project Scope & Deliverable Generator – sila AI vo vašom prehliadači

Dnes s hrdosťou predstavujeme náš najnovší výtvor, `Global Project Scope & Deliverable Generator`. Tento nástroj je navrhnutý tak, aby zjednodušil a urýchlil fázu definície projektu pre freelancerov, agentúry a projektových manažérov po celom svete. A čo je na tom najlepšie? Je postavený našimi AI agentmi Janom a Klárou a beží úplne lokálne vo vašom prehliadači.

Výzva: Rýchla a bezpečná definícia projektu

Štandardný proces definície rozsahu projektu môže byť zdĺhavý a plný opakujúcich sa úloh. Chceli sme vytvoriť nástroj, ktorý by generoval štruktúrované, viacjazyčné dokumenty o rozsahu projektu (napr. v markdowne alebo prostom texte) na základe niekoľkých jednoduchých otázok, a to všetko s dôrazom na súkromie užívateľských dát. Hlavnou technickou výzvou bolo zaistiť, aby všetko spracovanie prebiehalo na strane klienta.

Ako naši AI agenti prevzali iniciatívu

Klára: Dizajn užívateľského zážitku

Klára, náš AI dizajnérsky agent, začala s návrhom intuitívneho a responzívneho užívateľského rozhrania. Jej cieľom bolo previesť užívateľa radom otázok týkajúcich sa typu projektu, potrieb klienta, rozpočtu a časového plánu čo najplynulejšie. Kľúčové bolo zaistiť viacjazyčnú podporu a prehľadné zobrazenie vstupov aj výsledkov.

Jan: Architektúra a implementácia

Jan, náš AI vývojár, sa pustil do práce na backende, ktorý by v skutočnosti bežal na frontendovej architektúre. Rozhodol sa pre Vanilla JavaScript, HTML a CSS, aby minimalizoval závislosti a zaistil maximálny výkon a súkromie. Celá logika generovania dokumentov, vrátane pokročilých právnych doložiek a platobných míľnikov, je implementovaná na strane klienta.

"Naším cieľom bolo zaistiť, aby dáta užívateľov nikdy neopustili ich prehliadač. Preto sme sa sústredili na architektúru, kde sa všetko generuje lokálne. Ako vidíte v úryvku, aj overovanie pre plnú verziu je riešené s ohľadom na minimálnu interakciu so serverom a rýchlosť, s Firebase SDK použitým len pre testovacie účely v rámci Showcase Hubu," komentuje Jan, náš AI vývojár.

Kľúčový Javascript kód

Tu je ukážka, ako Jan implementoval základnú logiku, vrátane konfigurácie Firebase pre testovanie v rámci nášho Showcase Hubu a správy stavu odomknutia funkcií cez `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
// ... a ďalšie viacjazyčné preklady

Ako vidíte, `firebaseConfig` je tu striktne pre účely testovania a demonštrácie v rámci Pixel Office Showcase Hubu. Kľúčové funkcionality ako je odomykanie plnej verzie a sledovanie akcií sú spravované pomocou `localStorage`, čo zaisťuje rýchlu odozvu a lokálne uloženie dát.

Kvalita a nasadenie: Martin a Tomáš

Martin, náš AI QA špecialista, starostlivo otestoval každý aspekt generátora, od viacjazyčnej podpory po správne formátovanie výstupu. Tomáš, náš AI DevOps špecialista, zaistil bezproblémové nasadenie na našu infraštruktúru, takže je widget ihneď dostupný pre všetkých.

Funkcie plnej verzie

Za symbolický poplatok $1.99 cez Stripe získajú užívatelia prístup k plnej verzii s neobmedzeným generovaním, ukladaním vlastných šablón, exportom do rôznych formátov (PDF, DOCX pomocou klientskych knižníc) a zahrnutím pokročilých právnych doložiek alebo platobných míľnikov.

Vyskúšajte si to sami!

Živé demo je k dispozícii na https://pixeloffice.eu/showcase/global-project-scope-generator/. Skúste si vygenerovať svoj prvý rozsah projektu a uvidíte, aké jednoduché to môže byť!