Trabajo practico de la Facultad para la materia de Algoritmos III , el cual consiste en una Aplicación web de libros Readapp. La misma esta desarrollada con React y Typescript. La misma se impmento solo para diseño mobile utilizando el framework de react, Material UI.
Login
La aplicación cuenta con una pantalla de autenticación de usuario. Utiliza el mismo endpoint de la aplicación frontend realizada en angular.
- Frontend: https://github.com/PedroMcGeraghty/readApp-frontend-angular
- Backend: https://github.com/PedroMcGeraghty/readApp
Home
En la home podrán verse datos estadísticos de interés para la app. La sumatoria de recomendaciones ofrecidas y libros del sistema, el total de usuarios y el total de centros de disrtibución. Tenemos dos acciones que son las de borrar usuarios inactivos u centros inactivos. Ambas acciones deberían verse reflejadas en las sumatorias. También disponemos de una botonera al pié que permite:
- Navegar a la home.
- Navegar a la página de libros.
- Navegar a la página de autores.
- salir de la app.
Sección de Autores
Esta pantalla muestra la lista de los autores que permite seleccionar el sistema. Desde esta, haciendo tap en los respectivos iconos, se puede eliminar el autor, o navegar a la edición de la misma. También permite agregar un nuevo autor a la app por medio de un botón flotante, o simplemente ver el detalle del autor al hacer tap sobre ella. La misma pantalla tiene un sistema de búsqueda que permite filtrar los resultados mostrados por nombre. En el formulario cuenta con validaciones de los campos tanto en la creación como en la edición. La forma de mostrar los errores es a traves de un toast. La app no permite eliminar un autor que se encuentre relacionado con un libro.
Sección de Libros
Al igual que los autores, esta página permite buscar y filtrar los resultados de los posibles libros que se encuentran en el sistema, así como eliminar, editar o ver el detalle de los mismos. También permite agregar un libro nuevo, para lo cual se navega al formulario a completar. Los iconos de los libros cambian en base a si son de lectura desafiante y best seller de acuerdo al cálculo específico. Además el idioma original está ligado al idioma natal del autor.
Modo Nocturno
La aplicacion cuneta tambien con un modo nocturno el cual se realizo utilizando el hook useTheme().
