Work in Tech (WIT) - Aplicación de Gestión de Becas

Índice

*Descripción del proyecto

*Planteamiento del problema

*Propuesta solución

*Estado del proyecto

*Características de la aplicación y demostración

*Acceso al proyecto

*Tecnologías utilizadas

*Equipo de Desarrollo

*Licencia

*Agradecimientos especiales

Descripción del Proyecto

Bienvenido al repositorio Frontend de la aplicación de gestión de becas para el programa Work in Tech (WIT) de la Fundación Somos F5. Este proyecto tiene como objetivo centralizar y automatizar el proceso de registro de interés, selección, matriculación y seguimiento de las personas que participan en el programa WIT.

Planteamiento del problema

Actualmente, el equipo de WIT trabaja con una base de datos descentralizada gestionada de manera manual a través de archivos de Google Sheets. El proceso inicial recopila datos a través de un formulario de Google, y luego, en los pasos posteriores a la preinscripción, varias personas actualizan y manipulan estos datos, lo que ha afectado la integridad de la base de datos.

Propuesta Solución

Nuestra solución es desarrollar una aplicación que simplifique y centralice la gestión de datos en todo el proceso de administración de becas de Work in Tech. Esto permitirá garantizar la integridad y precisión de los datos recopilados y actualizados. Además, nuestro objetivo es mejorar la experiencia del usuario, haciendo que el proceso sea más intuitivo y reduciendo la necesidad de pasos manuales.

Estado del proyecto

Actualmente la aplicación para la gestión de Becas de google por parte de Work in Tech se encuentra funcional en una etapa inicial. Esta aplicación recolecta la información de pre-inscripción de todos los aspirantes, esta información es capturada por medio de un formulario, y enviado a nuestra API Reporsitorio Backend para almacenar la información en la base de datos. Posteriormente, esta aplicación le permite a la organización gestionar la información de los aspirantes y continuar con el proceso de asignación de las becas para estudiar alguno de los siguientes cursos:

*Soporte de Tecnologías de la Información
*Automatización de Tecnologías de la Información con Python

Este proceso supone el siguiente flujo de vida de un aspirante que pasa los filtros y es asignado una licencia para estudiar uno de estos programas.

Entonces, podemos inferir que una persona que aplica a una beca, incia su proceso llenando el formulario de registro. Una vez completado este paso, y por medio de un filtro automatico, una persona puede tomar uno de los siguientes estados, PRE-APROBADO ó APLICANTE; esto dependerá de un filtro automatizado en nuestra API, este filtro se encarga de verificar si la persona reside en España o sí ya ha estado previamente registrado en alguno de los pasos posteriores, es decir esta duplicado en la base de datos. Esto es posible, ya que hay casos excepcionales que se quieren evaluar anter de ser rechazados, y aquí introducimos un nuevo estado RECHAZADO. Retomando el inicio del flujo, una persona que automaticamente fue aprobada o que en su defecto a pasado por revisión manual para ser aprobado pasa a ser INVITADO a una sesión informativa, para esta sesion informativa, una persona debería confirmar su asistencia y estara CONFIRMADO, además puede ser invitada un limite de veces, por lo general 6 veces; si la persona no asiste a la sesion informativa será RECHAZADA; si por el contrario avanza al proceso de Entrevista donde adquiere el atributo de ENTREVISTADO, donde esta persona puede ser RECHAZADA ó ADMITIDA. Allí inicia todo un proceso de matricula, y una vez completado su estado será MATRICULADO, una persona Matriculada durante el desarrollo y cumplimiento de sus modulos puede adquirir dos estados, CERTIFICADO, cuando ha culminado sus modulos con exito, ó BAJA cuando por el contrario los ha abandonado.

El proyecto ha alcanzado un 70% de su principal objetivo, hay un par de aspectos a mejorar que han quedado registrados en futuros Issues; por ejemplo, quisieramos añadir un modulo de seguimiento a las personas actualmente matriculadas que permita subir la información que se trae de la plataforma de estudios.

Características de la aplicación y demostración

Esta aplicación se caracteriza por contar con dos secciones principales, la sección de registro de nuevos aspirantes y la sección para la gestión de las becas.

2. Gestion de Becas

En esta sección toda la información y las rutas se encuentran protegidas, es por ello que hay que iniciar sesión. He aquí nuestra interface para iniciar sesión.

El Dashboard carga inicialmente la tabla de pre-aprobados como vemos a continuación

Para cada estado se podrá visualizar una tabla resument con cada uno de ellos. Aquí algunos ejemplos incluyendo la vista del sidebar reducido.

También se incluyen algunas estadisticas.

Y finalmente, hemos incluido una página de ayuda.

Acceso al proyecto

Accede al formulario de registro

Click aquí para registrarte

Accede al dashboard

Click aquí para ir al dashboard
Usuario demo: [email protected]
Password demo: 1234

Tecnologías Utilizadas

Typescript: Lenguaje de desarrollo fuertemente tipado que se transpila a Javascript.
React.js: Biblioteca de JavaScript desarrollada por Facebook para la creación de interfaces de usuario (UI) interactivas y de una sola página.
Vite: Herramienta de construcción rápida y versátil para el desarrollo de aplicaciones web modernas.
React Router: Biblioteca de enrutamiento diseñada para aplicaciones web basadas en React.
Lucide React: Biblioteca de íconos Lucide para aplicaciones de React.
Tailwind Forms: Extensión de Tailwind CSS para crear formularios web con estilo de manera eficiente.
Tailwind CSS: Framework de diseño de código abierto para desarrollar interfaces de usuario de manera rápida y eficiente.
Formik y Yup: Custom Hook para el desarrollo de formularios y validaciones.
Vercel: Plataforma de alojamiento en la nube para aplicaciones web y sitios estáticos.
Vitest: Framework de pruebas unitarias para JavaScript.