Building LawConnect

LawConnect is a legal practice management platform for law firms and solo practitioners. It combines case and client management, document vault, calendar scheduling, invoicing, and an AI legal assistant — all backed by Supabase with Google Calendar OAuth via Edge Functions.

What it does

Public landing

Marketing page in Spanish with hero (“La Plataforma Legal del Futuro”), feature cards, and registration CTAs. Highlights six core capabilities: case management, client database, document vault, integrated calendar, AI assistant, and advanced security.

Auth & onboarding

• Email/password registration and login via Supabase Auth
• Email confirmation flow (ConfirmEmail)
• Forgot password and reset password pages
• Protected routes redirect unauthenticated users to /login

Dashboard

Overview of the practice at a glance:

• Total cases, active cases, clients, and documents
• Recent cases list with status and priority badges
• Quick links to create new cases

Casos (cases)

Full case lifecycle management:

• List and filter legal cases (Casos)
• Case detail view (CasoDetalle) with status, priority, client link, and notes
• Create new cases (NuevoCaso)
• CaseCard, StatusBadge, and PriorityBadge components

Clientes (clients)

Client CRM with contact details linked to cases and invoices.

Documentos & Bóveda

Secure document storage:

• Upload and organize legal files in Supabase Storage
• DocumentViewer for in-app preview
• Text extraction from PDF and Word files (mammoth, pdf-parse) for AI context
• Bóveda — dedicated vault view wrapping the documents module

Notas

Rich-text notes with TipTap editor:

• Mentions and tag suggestions (TagSuggestionList, TagManager)
• Notes linked to cases and clients
• NoteViewer for reading formatted content

Calendario

Integrated legal calendar:

• Event scheduling with tags (event_tags table)
• Google Calendar sync — OAuth connect/disconnect in settings, token refresh via Supabase Edge Functions
• CalendarCallback page for OAuth redirect handling
• Email reminders via send-email-reminder Edge Function

Facturación (billing)

Invoice management module added in the MVP sprint:

• Create invoices (NuevaFactura) linked to clients
• Filter by client, status, date range, and search
• Track payment status: pendiente, pagada, pagada parcialmente
• Edit partial payments and download invoices

IA Assistant

AI-powered legal chat (AIAssistant):

• Chat sessions with persistent history in Supabase
• Context selector — attach case and document context to prompts
• File upload for direct document analysis
• Suggested question categories: Análisis, Estrategia, Redacción
• Usage stats and request limits tracked per user
• Served via ai-assistant Supabase Edge Function (OpenAI/Claude)

Configuración

Settings panel with tabs:

• Profile (name, specialty, phone) with avatar crop/upload (ImageCropper)
• Password change
• Google Calendar connection status and OAuth setup
• Avatar storage bucket configuration

Tech stack

Supabase Edge Functions

Database migrations

Sequential schema: profiles → clients & cases → documents, notes & tags → calendar system → AI chat system → facturas → Google Calendar tokens → event tags → avatar URLs → image storage.

Development process

LawConnect was built on Vite + React with Supabase as the backend — auth, PostgreSQL, storage, and Edge Functions for AI and Google integrations. Deploy target: Netlify.

Project bootstrap

• Scaffolded from the Bolt/Vite template with React Router protected routes.
• Connected Supabase client for email auth and session handling.
• Built the shell layout: sidebar, header, and role-gated pages behind login.
• Ran initial SQL migrations for profiles and core tables documented in the repo.

AI legal assistant

• Implemented AIAssistant chat UI with session history stored in Supabase.
• Wired the ai-assistant Edge Function for LLM responses with optional case/document context.
• Added file upload for direct document analysis and suggested prompt categories (Análisis, Estrategia, Redacción).
• Commit: Funcionamiento ChatBot — end-to-end chat flow working against hosted functions.

MVP feature sprint

• Billing — Facturacion page, facturas table migration, invoice CRUD and payment status tracking.
• Google Calendar — OAuth setup per Google Calendar API, google-oauth and google-oauth-refresh Edge Functions, calendar sync in the app.
• Core CRM — dashboard stats, clients, cases, documents, notes, tags, and configuration pages.
• Edge Functions batch 2 — send-email-reminder for calendar notifications.
• Hosting fixes — validated Google OAuth redirect URLs on Netlify; fixed profile photo upload to Supabase Storage.
• AI tuning — improved context handling and response quality in test passes.

Launch

• Deployed production build to lawconnectv1.netlify.app.
• Documented env vars for Supabase, Google, and AI keys in the project README.
• Sequential migrations cover: profiles → clients & cases → documents/notes/tags → calendar → AI chat → facturas → Google tokens → storage buckets.