El siguiente proyecto fue diseñado y creado durante la cursada de la asignatura Desarrollo de aplicaciones para internet en la Universidad de La Frontera. La intención del proyecto es proporcionar una interfaz gráfica sencilla y accesible para visualizar calificaciones de un sistema externo y permitir a los usuarios generar, editar y borrar notas en su perfil personal dentro de la aplicación.
Por otro lado, cuando el usuario inicia sesión y accede a la sección para visualizar los datos del otro sistema, el backend realiza una petición a una API externa utilizando Fetch API, lo que permite mostrar los datos de cada usuario registrado en la base de datos en el frontend.
Como se puede apreciar en la imagen debajo del formulario de registro de cuenta, el sistema cifró la clave proporcionada por el usuario y luego la almacenó en la base de datos MongoDB.
Es importante resaltar que el token almacenado en el LocalStorage que aparece en la imagen anterior se genera automáticamente cuando el back-end valida los resultados enviados por el usuario en el front-end. Este proceso garantiza la seguridad de la información transmitida y evita posibles vulnerabilidades en el sistema. El token es una medida de autenticación esencial para acceder a funciones o datos restringidos en el sistema.
El objetivo de este caso de uso es establecer una comunicación con una API externa. Por lo tanto, es importante tener en cuenta que la información presentada en la imagen anterior es el resultado de una comunicación entre el back-end y la API externa, así como entre el back-end y el front-end para transmitir los datos obtenidos de la API.
Por último, es importante mencionar que antes de ingresar una nota, se lleva a cabo una validación de campos. En particular, es obligatorio colocar un nombre a la nota para que pueda ser registrada en el sistema.
