ESEN – Sistema de Gestión de Actividades Extracurriculares

Aplicativo web desarrollado con metodología OOHDM para la gestión de actividades extracurriculares estudiantiles.

📁 Estructura del proyecto

esen/
├── index.html      # Página principal (estructura HTML)
├── style.css       # Estilos del sistema
├── app.js          # Lógica de la aplicación
├── favicon.svg     # Ícono del sitio
├── vercel.json     # Configuración para despliegue en Vercel
└── README.md       # Este archivo

👤 Usuarios de demostración

Rol	Usuario	Contraseña
Administrador	admin01	admin123
Estudiante	est2021	est123

🚀 Despliegue en Vercel (recomendado)

Opción A — Desde la web (sin instalar nada)

1. Ingresa a vercel.com y crea una cuenta gratuita.
2. En el dashboard haz clic en "Add New → Project".
3. Selecciona "Upload" y arrastra la carpeta esen/ completa.
4. Haz clic en Deploy.
5. En menos de 30 segundos tendrás una URL pública como https://esen.vercel.app.

Opción B — Desde GitHub

1. Crea un repositorio en github.com (puede ser privado).
2. Sube todos los archivos de esta carpeta.
3. En Vercel, haz clic en "Add New → Project" e importa el repositorio.
4. Deja la configuración por defecto y haz clic en Deploy.

Opción C — CLI de Vercel

# Instalar Vercel CLI
npm install -g vercel

# Desde la carpeta del proyecto
cd esen
vercel

# Seguir las instrucciones en pantalla

🌐 Despliegue alternativo: Netlify

1. Ingresa a netlify.com.
2. En el dashboard, arrastra la carpeta esen/ al área de drop.
3. Obtendrás una URL pública automáticamente.

⚙️ Funcionalidades

Administrador (RF01–RF08)

• ✅ Inicio de sesión con usuario y contraseña
• ✅ Registro de actividades extracurriculares (categoría, fecha, resolución, horas, participantes)
• ✅ Selección de categorías predefinidas
• ✅ Modificación de actividades registradas
• ✅ Eliminación / deshabilitación de actividades
• ✅ Filtrado por categoría y mes
• ✅ Relación de estudiantes con horas acumuladas
• ✅ Reportes con exportación CSV

Estudiante (RF09–RF10)

• ✅ Visualización de actividades registradas
• ✅ Consulta de historial de participación con horas validadas

Requerimientos no funcionales

• ✅ Interfaz visualmente agradable e intuitiva (RNF01–RNF02)
• ✅ Responsive (funciona en móvil y escritorio)
• ✅ Sin dependencias de servidor — funciona como sitio estático (RNF03)

🔧 Tecnologías

• HTML5 / CSS3 / JavaScript (Vanilla)
• Tabler Icons — íconos
• Sin frameworks ni dependencias de build