UniGoodVibes

Portal escolar • Demo UI (sin backend)

Alternar tema

Todo tu campus, en un solo lugar.

Vista de alumno/docente/admin, avisos, tareas, calendario, calificaciones, chat y reportes. Pensado para verse “premium” y servir como plantilla de prueba.

98.4%Asistencia global
+24Avisos activos
7Eventos esta semana
Credenciales demo (cualquier cosa funciona):
Usuario: alumno@unigoodvibes.edu
Contraseña: demo
(No se valida; es solo UI.)

Iniciar sesión

Accede a UniGoodVibes con tu cuenta institucional.

Tip: Cambia a Admin para ver módulos extra (reportes / control escolar).
Cargando… Campus: Principal Ciclo: 2026-A

Inicio

Resumen rápido del día y estado académico.

En ritmo
9.1 Promedio actual +0.2
4 Tareas pendientes Urgente
96% Asistencia OK
2 Eventos hoy Campus

Avisos

Información oficial y comunicados rápidos.

Próximas clases

Horario de hoy y accesos rápidos.

Hoy
Hora Materia Aula Estado

Atajos

Para que se sienta pro.

⌘/Ctrl + 1…8: cambiar sección • ⌘/Ctrl + K: buscar • N: nuevo aviso • D: alternar tema

Clases

Materias, grupos y accesos.

Demo

Detalle

Selecciona una materia para ver recursos.

Link de videoclase

Reunión institucional (demo)

Recursos

Guías, rúbricas, material

Notas rápidas

Autosave

Tareas

Entregas, estado y prioridades.

Resumen

Progreso semanal.

Semana
6 Completadas +2
1 Atrasadas
Consejo: en una prueba puedes enganchar esto a tu backend (API) y reemplazar el arreglo DATA.

Calificaciones

Promedios por materia (demo).

Ciclo 2026-A
Materia Parcial 1 Parcial 2 Parcial 3 Prom.

Observaciones

Recomendaciones automáticas.

Calendario

Eventos académicos y recordatorios.

Mini agenda

Vista de hoy y mañana.

Smart

Comunicación

Chat institucional (demo local).

WebSocket-ready
Esto es solo local. Para hacerlo real: conecta a tu backend con WebSocket/REST.

Buzón

Tickets o solicitudes internas.

Reportes (Admin)

Panel de métricas institucionales (demo).

Privilegiado
1,248 Alumnos activos +3%
84 Docentes Plantilla
37 Grupos Turnos
12 Alertas Revisión
Tipo Detalle Prioridad Ref.

Acciones rápidas

Operaciones típicas de control escolar.

Demo
Generar constancia

PDF/QR (placeholder)

Exportar lista

CSV (placeholder)

Publicar aviso masivo

Notificar a todo el campus

Modo Admin se activa desde el selector de rol en la barra lateral.

Ajustes

Preferencias del portal (local).

LocalStorage
Tema

Oscuro / Claro

Notificaciones

Toasts de UI (demo)

Restablecer demo

Reinicia datos locales

Información

Plantilla para pruebas rápidas.

v1.0
Este portal es estático (sin servidor).
Para conectarlo a tu backend: reemplaza las funciones de DATA por fetch() a tu API.
Ejemplo: fetch('/api/tasks') y renderizas.