Edukacyjny generator dokumentów prawnych

Jak działa Legal Docs Edu?

Legal Docs Edu to prototypowy system, który pomaga uczniom zrozumieć strukturę i logikę dokumentów prawnych. Aplikacja generuje dokumenty o długości maksymalnie dwóch stron (do 3500 znaków), wykorzystując silnik Google Gemini i zaprojektowany interfejs w estetyce Clean & Modern Design.

Kolorystyka i interfejs

Interfejs został zaprojektowany tak, by prowadzić wzrok wprost na centralne pole tekstowe i gotowe wzory dokumentów. Całość bazuje na Tailwind CSS, komponentach shadcn/ui oraz trybie jasnym i ciemnym obsługiwanym przez next-themes.

Czystość i minimalizm
Dużo „powietrza” i brak rozpraszaczy skupia uwagę na opisie dokumentu i przycisku „Generuj”.
Dualny motyw
Wsparcie dla jasnego i ciemnego motywu zapewnia komfort pracy na różnych urządzeniach.
Dostępność dla 8+
Duże kontrasty, czytelne nagłówki i responsywny układ wspierają młodych użytkowników.

Gotowe wzory dokumentów

Użytkownik może zacząć od pustego opisu lub skorzystać z gotowych promptów AI. Każdy wzór ma własny ikonograficzny kafel.

Umowa

Uchwała

Opinia

Statut

Rozporządzenie

Ustawa

Każdy dokument kończy się klauzulą edukacyjną przypominającą, że treść jest materiałem dydaktycznym, nie poradą prawną.

Jak działa aplikacja? (infografika tekstowa)

graph TD subgraph "FRONTEND (Next.js 14)" A[Interfejs Użytkownika - Tailwind CSS / shadcn/ui] B[Zarządzanie stanem i formularze - Zod] end subgraph "BACKEND & LOGIKA (Vercel Serverless)" C[API Routes - Node.js] D[Scraper treści - Puppeteer] end subgraph "USŁUGI ZEWNĘTRZNE" E[(Supabase - Baza Danych i Auth)] F[Google Gemini API - Silnik AI] end A -->|1. Wprowadzenie promptu i kodu| C C -->|2. Walidacja kredytów| E C -->|3. Przetworzenie zapytania| F F -->|4. Wygenerowany dokument| C C -->|5. Aktualizacja kredytów| E C -->|6. Wynik końcowy| A

Frontend został zbudowany w Next.js 14 (App Router) z komponentami shadcn/ui i animacjami framer-motion. Backend działa jako API route na Vercel, łączy się z Supabase (kredyty, logi) i Google Gemini (silnik AI).

Schemat działania krok po kroku

Cały proces przypomina współpracę z profesjonalnym biurem projektowym – Ty opisujesz ideę, a AI przygotowuje dokument zgodnie z rygorystycznymi normami.

Krok 1

Inicjacja i autoryzacja

Uczeń opisuje dokument (np. „Statut fikcyjnego państwa”) oraz wpisuje kod dostępu. Supabase sprawdza poprawność kodu i dostępne kredyty.

Krok 2

Przetwarzanie przez AI

Zapytanie trafia do serwera. Google Gemini analizuje polecenie zgodnie z zasadami techniki prawodawczej i przygotowuje dokument edukacyjny.

Krok 3

Generowanie i zabezpieczenie

Po wygenerowaniu treści system odejmuje kredyt, formatuje dokument (maks. dwie strony / 3500 znaków) i dodaje sekcję klauzul edukacyjnych.

Krok 4

Odbiór i edukacja

Uczeń otrzymuje gotowy dokument wraz z klauzulą edukacyjną i może go przeanalizować samodzielnie lub z nauczycielem.

Analogia:

To jak zamówienie projektu w biurze architektonicznym – podajesz pomysł, system weryfikuje dostęp i zasoby, a AI-Gemini tworzy plan zgodnie z normami „budowlanymi” (techniką prawodawczą). Gotowy projekt trafia do Ciebie razem z notatkami edukacyjnymi.

Najważniejsze ograniczenia i zasady

✅ Dokumenty generowane są wyłącznie w celach edukacyjnych – każda odpowiedź zawiera klauzulę ⚖️.
✅ Maksymalna długość dokumentu to 3500 znaków (~2 strony), co wymusza klarowność i spójność treści.
✅ Wszystkie zapytania przechodzą dwustopniową walidację (czy to dokument prawny + generowanie treści).
✅ Każdy wygenerowany dokument zmniejsza liczbę kredytów przypisanych do kodu dostępu.
✅ Interfejs jest w pełni responsywny i zoptymalizowany pod urządzenia mobilne.