LawConnect es una plataforma de gestión para despachos legales y abogados independientes. Combina gestión de casos y clientes, bóveda de documentos, calendario, facturación y un asistente legal con IA — todo respaldado por Supabase con OAuth de Google Calendar vía Edge Functions.
Dashboard actualmente no disponible
Qué hace
Landing pública
Página de marketing en español con hero (“La Plataforma Legal del Futuro”), tarjetas de funcionalidades y CTAs de registro. Destaca seis capacidades centrales: gestión de casos, base de datos de clientes, bóveda de documentos, calendario integrado, asistente IA y seguridad avanzada.
Auth y onboarding
- Registro e inicio de sesión con correo/contraseña vía Supabase Auth
- Flujo de confirmación de correo (
ConfirmEmail) - Páginas de olvidé contraseña y restablecer contraseña
- Las rutas protegidas redirigen usuarios no autenticados a
/login
Dashboard
Vista general del despacho de un vistazo:
- Total de casos, casos activos, clientes y documentos
- Lista de casos recientes con badges de estado y prioridad
- Enlaces rápidos para crear casos nuevos
Casos (cases)
Gestión completa del ciclo de vida de casos:
- Listar y filtrar casos legales (
Casos) - Vista de detalle de caso (
CasoDetalle) con estado, prioridad, enlace a cliente y notas - Crear casos nuevos (
NuevoCaso) - Componentes
CaseCard,StatusBadgeyPriorityBadge
Clientes (clients)
CRM de clientes con datos de contacto vinculados a casos y facturas.
Documentos y Bóveda
Almacenamiento seguro de documentos:
- Subir y organizar archivos legales en Supabase Storage
DocumentViewerpara vista previa dentro de la app- Extracción de texto de PDF y Word (
mammoth,pdf-parse) para contexto de IA - Bóveda — vista dedicada de bóveda que envuelve el módulo de documentos
Notas
Notas de texto enriquecido con editor TipTap:
- Menciones y sugerencias de etiquetas (
TagSuggestionList,TagManager) - Notas vinculadas a casos y clientes
NoteViewerpara leer contenido formateado
Calendario
Calendario legal integrado:
- Programación de eventos con etiquetas (tabla
event_tags) - Sincronización con Google Calendar — conectar/desconectar OAuth en configuración, refresh de tokens vía Supabase Edge Functions
- Página
CalendarCallbackpara manejo de redirección OAuth - Recordatorios por correo vía Edge Function
send-email-reminder
Facturación (billing)
Módulo de gestión de facturas agregado en el sprint MVP:
- Crear facturas (
NuevaFactura) vinculadas a clientes - Filtrar por cliente, estado, rango de fechas y búsqueda
- Dar seguimiento al estado de pago: pendiente, pagada, pagada parcialmente
- Editar pagos parciales y descargar facturas
Asistente IA
Chat legal con IA (AIAssistant):
- Sesiones de chat con historial persistente en Supabase
- Selector de contexto — adjuntar contexto de casos y documentos a los prompts
- Subida de archivos para análisis directo de documentos
- Categorías de preguntas sugeridas: Análisis, Estrategia, Redacción
- Estadísticas de uso y límites de solicitudes por usuario
- Servido vía Supabase Edge Function
ai-assistant(OpenAI/Claude)
Configuración
Panel de configuración con pestañas:
- Perfil (nombre, especialidad, teléfono) con recorte/subida de avatar (
ImageCropper) - Cambio de contraseña
- Estado de conexión con Google Calendar y configuración OAuth
- Configuración del bucket de almacenamiento de avatares
Stack técnico
| Capa | Elección |
|---|---|
| Framework | React 18 + TypeScript + Vite |
| UI | Radix UI + Tailwind CSS (tema inspirado en Catppuccin) |
| Estado / datos | TanStack React Query |
| Auth y DB | Supabase (Auth + PostgreSQL + Storage + Edge Functions) |
| Texto enriquecido | TipTap (Starter Kit, Link, Mention, Placeholder) |
| Calendario | Google Calendar API + googleapis |
| Documentos | mammoth (DOCX), pdf-parse (PDF) |
| Animación | Framer Motion |
| Gráficas | Recharts |
| Formularios | React Hook Form + Zod |
| Deploy | Netlify |
Supabase Edge Functions
| Función | Propósito |
|---|---|
ai-assistant | Chat LLM con contexto de casos/documentos |
google-oauth | Inicio de OAuth de Google Calendar |
google-oauth-refresh | Refresh de tokens para sincronización de calendario |
send-email-reminder | Recordatorios por correo de eventos del calendario |
Migraciones de base de datos
Esquema secuencial: profiles → clients & cases → documents, notes & tags → calendar system → AI chat system → facturas → Google Calendar tokens → event tags → avatar URLs → image storage.
Proceso de desarrollo
Scaffold inicial
bootstrap del proyecto desde la plantilla Bolt/Vite y primera versión funcional con conexión a Supabase, páginas de auth y layout central (sidebar, header, rutas protegidas).
Funcionalidad ChatBot
Funcionamiento ChatBot — se implementó el flujo de chat del asistente legal con IA, conectando el frontend con Supabase Edge Functions para respuestas LLM con persistencia de sesión.
Sprint MVP
La entrega del MVP incluyó:
- Billing & Google config — página
Facturacion, migración de tablafacturas, documentación de OAuth de Google Calendar y Edge Functions - Edge Functions 2 — funciones serverless ampliadas para refresh de OAuth y recordatorios por correo
- sistema MVP — conjunto completo de funcionalidades MVP: estadísticas del dashboard, CRUD de casos/clientes, documentos, notas, calendario, configuración
- Calendar & avatar fixes — Google Calendar validado en Netlify hospedado, corrección de errores al subir foto de perfil
- AI improvement test — refinamiento de calidad de respuestas del asistente IA y manejo de contexto
Desplegado en lawconnectv1.netlify.app.
Construyendo Smartclic Demo