Cero papeleo. 100% digital. Una experiencia educativa de vanguardia para la capacitación en normativas de seguridad ocupacional en Chile, diseñada para transformar el cumplimiento reactivo en aprendizaje proactivo.
DiaCero nace con una misión clara: Digitalización total del proceso de cumplimiento.
- Eficiencia: Eliminación de registros físicos y carpetas olvidadas.
- Trazabilidad: Cada interacción, desde la lectura hasta el examen, queda registrada con firma digital.
- Accesibilidad: Formación disponible 24/7 desde cualquier dispositivo móvil en faena.
| Feature | Descripción |
|---|---|
| 🔐 Autenticación Robusta | Sistema unificado con Supabase Auth para un acceso seguro y trazable. |
| 🤖 Asistente de IA | Integración nativa con GenAI para resúmenes automáticos y explicaciones adaptativas de conceptos técnicos. |
| 📚 Módulos Interactivos | Visor de contenido dinámico con videos, lecturas y seguimiento de progreso en tiempo real. |
| 🎓 Dashboard Personalizado | Visualización clara de metas, barra de progreso y descarga inmediata de certificaciones. |
| 🛡️ Panel de Administración | KPIs en tiempo real, monitoreo de cumplimiento por cohorte y gestión de usuarios. |
| 🏅 Certificación Automática | Generación instantánea de certificados A4 validados al completar satisfactoriamente los módulos. |
graph TD
User((Usuario)) --> NextJS["Next.js App Router"]
NextJS --> Auth["Supabase Auth"]
NextJS --> DB[(PostgreSQL)]
NextJS --> AI["AI Engine / Genkit"]
NextJS --> UI["Shadcn UI / Tailwind"]
subgraph "Capas de Aplicación"
NextJS --> Dashboard["/dashboard"]
NextJS --> Module["/module/id"]
NextJS --> Admin["/admin/dashboard"]
end
subgraph "Servicios"
DB --> Storage["Archivos / Certificados"]
AI --> Summaries[Resúmenes]
AI --> Explanations[Explicaciones]
end
| Capa | Tecnología |
|---|---|
| Framework | Next.js 15 (App Router + Turbopack) |
| Inteligencia Artificial | Genkit + Google Gemini Pro |
| Backend as a Service | Supabase (PostgreSQL, Auth, Storage) |
| Estilos & UI | Tailwind CSS + Shadcn UI |
| Visualización | Recharts + Lucide Icons |
| Lenguaje | TypeScript 5 |
La plataforma integra capacidades de IA para mejorar la experiencia de aprendizaje:
- AI Helper (
src/components/module/AIHelper.tsx):- Punto Clave: Genera resúmenes ejecutivos de secciones extensas de seguridad.
- Explicación Adaptativa: Utiliza analogías del mundo cotidiano para explicar conceptos técnicos de la normativa chilena.
- Generación de Contexto: Utiliza
ai-module-summaryyai-adaptive-explanationpara personalizar el aprendizaje según la sección actual.
src/
├── ai/ # Lógica de prompts y flujos de IA (Genkit)
├── app/ # Sistema de rutas (App Router)
│ ├── admin/ # Panel administrativo y reportes
│ ├── certificate/ # Generación dinámica de certificados
│ ├── dashboard/ # Portal del estudiante
│ └── module/[id]/ # Visor interactivo de cursos
├── components/
│ ├── auth/ # Componentes de Login y Registro
│ ├── module/ # Componentes core: AIHelper, Quiz, Feedback
│ └── ui/ # Librería de componentes visuales (Shadcn)
├── hooks/ # Hooks personalizados (Toast, Mobile detection)
├── lib/ # Utilidades y configuración compartida
└── utils/supabase/ # Integración con el cliente de base de datos
- Cuenta en Supabase
- Claves de API de Google AI (para funciones de GenAI)
NEXT_PUBLIC_SUPABASE_URL=https://<tu-id>.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=<tu-key>
GOOGLE_GENAI_API_KEY=<tu-google-ai-key>npm install # Instalación
npm run dev # Desarrollo (Puerto 9002)
npm run build # Preparar para producciónProyecto privado — © DiaCero. Diseñado para transformar la seguridad industrial en Chile.
public/para sobrescribir el logo SVG predeterminado (detectado automáticamente porcomponents/ui/logo.tsx`).
Proyecto privado — © DiaCero. Todos los derechos reservados.
