Campus UNAPEC
Aplicación Móvil
En Desarrollo

Campus UNAPEC

App móvil no oficial para estudiantes de UNAPEC con experiencia nativa y moderna

Tecnologías Utilizadas

Android React Native Expo TypeScript Nativewind Zustand TanStack (RQ)

Descripción

Aplicación móvil desarrollada con React Native y Expo para mejorar drásticamente la experiencia de usuario de los estudiantes de la Universidad APEC.

Campus UNAPEC es una iniciativa personal para transformar la manera en que los estudiantes de la Universidad APEC interactúan con sus servicios académicos. Desarrollada como una aplicación nativa moderna, ofrece una alternativa rápida, intuitiva y estéticamente agradable a la plataforma web oficial.

Actualmente en fase Beta Cerrada, la aplicación ya cuenta con más de 125 usuarios activos que validan diariamente la utilidad de esta solución.


El Problema

Los estudiantes enfrentan desafíos diarios al usar la plataforma web oficial Banner:

  • Experiencia móvil deficiente: Aunque es semi-responsive, la navegación es complicada y difícil de manipular desde un teléfono.
  • Sesiones expiradas: Necesidad constante de volver a iniciar sesión.
  • Lentitud: Tiempos de carga elevados para consultas frecuentes.
  • Falta de funcionalidades offline: Imposibilidad de ver datos básicos sin conexión constante.

La Solución

Campus UNAPEC resuelve estos problemas con una experiencia offline-first:

  • Persistencia de sesión: Los datos de sesión se almacenan localmente de forma segura, eliminando la fricción del login repetitivo.
  • Funcionamiento sin conexión: Todos los datos obtenidos se almacenan en caché local, permitiendo consultar horario, notas y pensum sin internet.
  • Interfaz Nativa: Diseño limpio adaptado a los patrones de navegación móvil modernos.
  • Actualizaciones OTA: Implementación de correcciones y mejoras instantáneas gracias a Expo Updates.

Funcionalidades Principales

Horario y Asistencia

La pantalla principal se centra en lo más importante: el horario del cuatrimestre actual.

  • Visualización clara de materias, horarios, profesor y aula asignada.
  • Puntaje acumulado: Visualización rápida del progreso en cada materia.
  • Botón flotante de Asistencia: Acceso directo para consultar el récord de asistencia del cuatrimestre en curso.
Pantalla de Horario Pantalla de Asistencia

Calificaciones Detalladas

Consulta histórica de calificaciones por cuatrimestre con cálculo de índice académico.

  • Desglose completo: Al tocar una asignatura, se abre un panel (bottomsheet) con el detalle: Primer parcial, Segundo parcial, Acumulado, Examen final, etc.
Lista de Calificaciones Desglose de Calificación

Pensum Interactivo

Herramienta potente para el seguimiento de la carrera:

  • Resumen académico: Créditos faltantes/completados, índice general y conteo de asignaturas (pendientes, en curso y completadas).
  • Control de prerrequisitos: El sistema valida lógicamente el pensum; no permite marcar una materia como “en curso” si sus prerrequisitos no están completados.
Pensum Interactivo

Gestión de Notificaciones

Sistema inteligente de alertas sincronizado con el horario académico.

  • Sincronización automática: Crea recordatorios basados en tu horario de clases.
  • Anticipación personalizable: El usuario decide cuándo recibir la alerta (15 min, 30 min, 1 hora antes, etc.).
Configuración de Notificaciones

Herramientas y Perfil

En la sección de perfil se centralizan utilidades extra:

  • Calendario Académico: Lista de fechas importantes con scroll automático al día actual.
  • Directorio: Acceso rápido a teléfonos, correos y extensiones de la universidad.
  • Matriculación: Consulta de fechas y horas específicas para la selección de materias del próximo periodo.
  • Temas: Soporte completo para modo Claro, Oscuro y Automático (Sistema).
Calendario Académico Directorio Telefónico Consulta de Matriculación

Stack Tecnológico

El proyecto utiliza las últimas tecnologías del ecosistema React Native para garantizar rendimiento y experiencia de usuario:

TecnologíaUso en el proyecto
Expo SDKFramework base y actualizaciones OTA
Expo RouterNavegación nativa basada en archivos
NativeWindEstilizado eficiente con Tailwind CSS
ZustandGestión de estado global ligero
React QueryCaché, sincronización y estado offline
TypeScriptRobustez y seguridad de tipos
Async StorageAlmacenamiento local de datos
MMKVAlmacenamiento sincrono local de datos
Expo NotificationsNotificaciones push para recordatorios de clases