Diseño e implementacion del frontend de EverPlanApp: aplicación de organización con enfoque inclusivo

Abstract

La presente memoria presenta el desarrollo del frontend de EverPlanApp, una aplicación orientada a apoyar la organización personal y la autorregulación de estudiantes, con especial énfasis en personas neurodivergentes. El trabajo se centró en el diseño e implementación de una interfaz móvil accesible, clara y de bajo estímulo cognitivo, que permite gestionar tareas, rutinas, horarios y herramientas de apoyo a la concentración y el bienestar emocional. La solución fue desarrollada utilizando React Native y TypeScript, incorporando una arquitectura basada en componentes reutilizables y flujos de navegación diferenciados según el estado de autenticación del usuario. Se implementó la integración con un backend mediante consumo de APIs REST, permitiendo la gestión de información en tiempo real, así como el uso de notificaciones, temporizadores y elementos visuales de apoyo, como pictogramas. El desarrollo siguió un enfoque incremental e iterativo, apoyado por control de versiones con Git y GitHub, prototipado en Figma y retroalimentación continua de usuarios y profesionales del área de inclusión. Como resultado, se obtuvo un frontend funcional, modular y escalable, alineado con principios de accesibilidad y diseño inclusivo. La aplicación pretende ser una herramienta válida para mejorar la organización, reducir la carga cognitiva y apoyar procesos de autorregulación, destacando su potencial como apoyo tecnológico en contextos educativos y personales.

This thesis presents the development of the frontend of EverPlanApp, an application designed to support personal organization and self-regulation, with a particular focus on neurodivergent students. The work focused on the design and implementation of an accessible, clear, and low cognitive-stimulation mobile interface that enables task management, routines, schedules, and tools to support concentration and emotional well-being. The solution was developed using React Native and TypeScript, incorporating a component-based architecture and differentiated navigation flows depending on the user’s authentication status. Integration with a backend was implemented through REST API consumption, allowing real-time data management, as well as the use of notifications, timers, and visual support elements such as pictograms. The development followed an incremental and iterative approach, supported by version control with Git and GitHub, prototyping with Figma, and continuous feedback from users and inclusion professionals. As a result, a functional, modular, and scalable frontend was obtained, aligned with accessibility and inclusive design principles. The application proved to be a valid tool for improving organization, reducing cognitive load, and supporting self-regulation processes, highlighting its potential as a technological aid in educational and personal contexts.