This repository has been archived on 2026-01-21 . You can view files and clone it. You cannot open issues or pull requests or push a commit.
ce2cd6b3971475eea34daf7dfa4bcd8c979f089c
supabase.tsx Se añadieron los roles al contexto de autenticación. Se modificó la interfaz de UserClaims que consiste en la información que se obtiene de los usuarios. Se obtienen los roles desde la base de datos. _authenticated.tsx Ya todos pueden ver el enlace a la página de facultades. login.tsx Se movió el enlace de '¿Olvidaste tu contraseña?' a después del input de la contraseña, para mejorar la usabilidad. usuarios.tsx - La obtención de los usuarios ahora se hace a con el cliente de llave anónima de supabase y se obtiene de tablas en el esquema public a través de una función de PostgreSQL. - La información de los roles se obtiene del contexto de autenticación para mostrarla en la página. - El RolePill se movió a dentro del componente para poder usar la información del contexto. - Se añadieron validaciones para poder crear un usuario. - Se muestra la información para editar los usuarios y se actualiza en la BDD con una función de PostgreSQL.
🎓 Academic Management Platform - Sistema Universitario Inteligente
Una plataforma integral de gestión académica universitaria con inteligencia artificial integrada, diseñada para modernizar y optimizar la administración educativa superior.
🚀 ¿Qué hace esta aplicación?
Esta es una plataforma completa de gestión académica universitaria que automatiza y digitaliza todos los procesos de administración educativa, desde la planificación curricular hasta la gestión de contenidos académicos, con inteligencia artificial integrada para optimizar la creación y mejora de planes de estudio.
🎯 Capacidades Principales
📋 Gestión Curricular Avanzada
- Planes de Estudio Inteligentes: Creación, edición y gestión completa de planes curriculares
- Generación con IA: Creación automática de planes de estudio mediante prompts de IA
- Ajustes Inteligentes: Mejoras y modificaciones de planes existentes usando IA
- Métricas de Calidad: Análisis automático de completitud y calidad de planes académicos
🏫 Estructura Organizacional Completa
- Facultades: Gestión de facultades con colores e iconos personalizados
- Carreras: Administración de programas académicos por facultad
- Planes de Estudio: Vinculación jerárquica de planes con carreras y facultades
- Jerarquía Completa: Navegación fluida entre todos los niveles organizacionales
📚 Gestión de Asignaturas Detallada
- Información Completa: Nombre, clave, tipo, semestre, créditos, horas teóricas/prácticas
- Contenidos Estructurados: Gestión de contenidos temáticos organizados por unidades
- Bibliografía Dinámica: Listas de referencias bibliográficas editables
- Criterios de Evaluación: Definición de métodos y criterios de evaluación
- Objetivos Académicos: Gestión de objetivos de aprendizaje por asignatura
<EFBFBD> Sistema de Usuarios Multi-Rol
- Roles Jerárquicos: LCI, Vicerrectoría, Director de Facultad, Secretario Académico, Jefe de Carrera, Planeación
- Permisos Granulares: Acceso controlado según rol y nivel organizacional
- Nombramientos: Sistema de asignación de cargos administrativos
- Autenticación Segura: Integración completa con Supabase Auth
📊 Dashboard Ejecutivo con Métricas
- KPIs Institucionales: Contadores de facultades, carreras, planes y asignaturas
- Indicadores de Calidad: Porcentajes de completitud de planes de estudio
- Salud Académica: Métricas de asignaturas sin bibliografía, criterios o contenidos
- Actividad Reciente: Timeline de planes y asignaturas creados recientemente
📁 Gestión de Archivos de Referencia
- Biblioteca Digital: Repositorio de documentos académicos de referencia
- Integración Curricular: Vinculación de archivos con planes y asignaturas
🔥 El Verdadero Poder de la Plataforma
🤖 Inteligencia Artificial Integrada
- Generación Automática: Crea planes de estudio completos desde cero usando IA
- Optimización Inteligente: Mejora planes existentes con sugerencias de IA
- Asistente de Contenidos: Ayuda en la creación de contenidos y criterios académicos
<EFBFBD> Analytics y Calidad Académica
- Métricas de Completitud: Evaluación automática de la calidad de planes académicos
- Indicadores de Salud: Monitoreo de la completitud de asignaturas
- Dashboards Ejecutivos: Visualización de KPIs para toma de decisiones
🔄 Flujos de Trabajo Inteligentes
- Navegación Contextual: Acceso directo entre elementos relacionados
- Búsquedas Avanzadas: Filtrado por facultad, carrera, plan o asignatura
- Edición en Contexto: Modificación inline de elementos académicos
🎨 Experiencia de Usuario Premium
- Interfaz Moderna: Diseño con Tailwind CSS y componentes Radix UI
- Temas Personalizables: Modo claro/oscuro con persistencia
- Responsive Design: Funciona perfectamente en móviles y escritorio
- Efectos Visuales: Animaciones y efectos (Aurora, confetti) para mejor UX
🛠️ Stack Tecnológico Avanzado
Frontend & UI
- React 19 con TypeScript para máximo rendimiento
- TanStack Router para routing type-safe y code-splitting
- TanStack Query para gestión de estado servidor optimizada
- Tailwind CSS v4 para styling moderno y eficiente
- Radix UI + shadcn/ui para componentes accesibles y consistentes
Backend & Base de Datos
- Supabase como backend-as-a-service completo
- PostgreSQL con Row Level Security para datos seguros
- Realtime subscriptions para actualizaciones en tiempo real
- Funciones serverless para lógica de negocio
Inteligencia Artificial
- API de IA propia para generación y mejora de contenidos
- Integración seamless con el flujo de trabajo académico
Herramientas de Desarrollo
- Vite para desarrollo ultra-rápido y HMR
- Bun como package manager y runtime optimizado
- Vitest para testing unitario y de integración
- TypeScript para type safety completo
📊 Arquitectura de Base de Datos
Entidades Principales
facultades: Gestión de facultades universitariascarreras: Programas académicos por facultadplan_estudios: Planes curriculares con metadatos completosasignaturas: Materias con contenidos, bibliografía y criteriosusuarios: Sistema de usuarios con roles jerárquicosnombramientos: Asignaciones de cargos administrativoscriterios_carrera: Criterios específicos por programaarchivos_referencia: Biblioteca digital institucional
Relaciones Jerárquicas
Facultades → Carreras → Planes de Estudio → Asignaturas
↓ ↓ ↓ ↓
Usuarios → Nombramientos → Criterios → Contenidos
🚀 Instalación y Configuración
Prerequisitos
- Node.js 18+ (recomendado 20+)
- Bun (package manager optimizado)
- Cuenta Supabase configurada
- Variables de entorno configuradas
Setup Rápido
# Clonar repositorio
git clone <url-del-repositorio>
cd tanstack-router
# Instalar dependencias
bun install
# Configurar variables de entorno
cp .env.example .env.local
# Editar .env.local con tus credenciales de Supabase
# Ejecutar en desarrollo
bun dev
Variables de Entorno Requeridas
VITE_SUPABASE_URL=tu_supabase_project_url
VITE_SUPABASE_ANON_KEY=tu_supabase_anon_key
VITE_API_BASE=tu_backend_api_url
VITE_BACK_ORIGIN=tu_ia_service_url
📝 Scripts Disponibles
bun dev # Servidor de desarrollo (puerto 3000)
bun build # Build de producción optimizado
bun serve # Preview del build de producción
bun test # Ejecutar suite de tests
<EFBFBD> Casos de Uso Principales
Para Administradores Académicos
- Crear y gestionar estructura organizacional completa
- Monitorear calidad académica mediante métricas automatizadas
- Generar reportes ejecutivos de estado institucional
Para Coordinadores Curriculares
- Diseñar planes de estudio con asistencia de IA
- Gestionar contenidos académicos de manera eficiente
- Mantener actualizados criterios y bibliografías
Para Directivos Institucionales
- Acceder a dashboards ejecutivos con KPIs en tiempo real
- Supervisar calidad y completitud académica
- Tomar decisiones basadas en datos concretos
<EFBFBD> Seguridad y Roles
Roles del Sistema
lci: Acceso global a toda la plataformavicerrectoria: Supervisión académica institucionaldirector_facultad: Gestión de facultad específicasecretario_academico: Administración académicajefe_carrera: Gestión de carrera específicaplaneacion: Planificación curricular
Seguridad Implementada
- Row Level Security (RLS) en Supabase
- Autenticación JWT con refresh tokens
- Permisos granulares por rol y contexto
- Validación de datos tanto cliente como servidor
🌟 Características Avanzadas
Performance & UX
- Code splitting automático por ruta
- Lazy loading de componentes pesados
- Cache inteligente con TanStack Query
- Optimistic updates para mejor responsividad
Accesibilidad
- Componentes Radix UI totalmente accesibles
- Navegación por teclado completa
- Soporte para lectores de pantalla
- Contraste optimizado en ambos temas
Internacionalización
- Interfaz completamente en español
- Formatos de fecha y número localizados
- Soporte para múltiples idiomas preparado
🤝 Contribución y Desarrollo
Guías de Contribución
- Fork del repositorio
- Crear branch descriptivo (
feature/nueva-funcionalidad) - Commits semánticos con scope claro
- Tests para nuevas funcionalidades
- Pull Request con descripción detallada
Estándares de Código
- TypeScript strict mode
- ESLint y Prettier configurados
- Convenciones de naming consistentes
- Documentación JSDoc para funciones complejas
📄 Licencia
MIT License - Ver archivo LICENSE para detalles completos.
🎯 Roadmap y Futuro
- Mobile App: Aplicación nativa con React Native
- Reportes Avanzados: PDFs automáticos de planes de estudio
- Integración LMS: Conexión con plataformas educativas
- Analytics Predictivos: ML para predicción de rendimiento
- API Pública: REST API para integraciones externas
🏆 Una plataforma que transforma la gestión académica universitaria mediante tecnología moderna e inteligencia artificial.
Desarrollado con pasión por la educación superior y la innovación tecnológica.
Description
Una forma de tener Tanstack Router con autenticación de supabase
https://victorious-bay-0ca0aae10.3.azurestaticapps.net
Languages
TypeScript
93.8%
JavaScript
4.9%
CSS
1.1%
PowerShell
0.1%
HTML
0.1%