ESEN (Sistema de Gestión de Actividades Extracurriculares) is a browser-only static web application — there is nothing to install and no server to start. You open a single HTML file and you are immediately in a working system. This guide walks you through logging in and completing the first meaningful action for each role: administrators register a new extracurricular activity, and students check their participation history with accumulated hours.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/rtajio/ESEN/llms.txt
Use this file to discover all available pages before exploring further.
Open the app
- Local file
- Deployed URL
Locate the project folder
Find the folder containing
index.html, app.js, style.css, and the other project files.Log in
The login screen shows the ESEN logo, two role tabs, and username/password fields. The credentials are pre-filled with the admin demo values when the page loads.Choose your role
Click Administrador or Estudiante at the top of the login card. The input fields update automatically with the correct demo credentials for the selected role.
Enter your credentials
Use the pre-filled values or type them manually:
| Role | Username | Password |
|---|---|---|
| Administrador | admin01 | admin123 |
| Estudiante | est2021 | est123 |
The demo credentials are shown in the hint text at the bottom of the login card. In a real deployment you would replace the
USUARIOS array in app.js with your own accounts.First action
After logging in, the sidebar and main area change depending on your role. Follow the path for your role below.- Administrator
- Student
Administrators land on the Panel de control (dashboard), which shows summary statistics and recent activities. The first meaningful action is registering a new extracurricular activity.
Navigate to Activities
In the left sidebar, click Actividades. The activities table loads with any existing records.
Open the registration form
Click the Registrar actividad button in the top-right corner of the card. A modal dialog appears with the activity form.
Fill in the required fields
All fields marked with
* are required. The form uses these field IDs from the source:| Field | ID | Description |
|---|---|---|
| Activity name | f-nombre | Full name of the activity, e.g. Taller de liderazgo estudiantil |
| Category | f-cat | One of: Académico, Deportivo, Cultural, Voluntariado, Liderazgo |
| Hours | f-horas | Number of hours, e.g. 8 |
| Resolution number | f-res | Official resolution ID, e.g. RES-2024-045 |
| Date | f-fecha | Activity date using the date picker |
| Description | f-desc | Brief description of the activity (optional) |
| Participants | f-part | Student names separated by commas, e.g. Carlos Mamani, Lucía Torres |
The Participantes field (
f-part) links students to this activity. Students entered here will see this activity in their Mi historial view, with the hours counted toward their total.