Desarrollo de una aplicación web con ReactJS y NodeJS para la gestión de reserva de pistas de un polideportivo

Resumen

El propósito de este trabajo es la implementación de una aplicación web con las tecnologías ReactJS y NodeJS basadas en JavaScript. Como ejemplo de uso de estas tecnologías he realizado una aplicación web para la gestión de reserva de pistas de un polideportivo. Con esta aplicación se pueden gestionar las reservas de pistas por parte de los usuarios, las pistas por parte del administrador y las incidencias por parte del personal de mantenimiento. En la primera parte del trabajo se explica la arquitectura, metodología y tecnologías que se han llevado a cabo para la realización de la aplicación web. Las tecnologías principales son ReactJS para la parte del cliente y NodeJS junto con varios frameworks o librerías (Express y Sequelize entre otras) para la parte del servidor, analizando la comunicación entre ellos. Además de estas tecnologías también se ha utilizado Material-UI y SweetAlert para mejorar la interfaz de usuario y el diseño de la aplicación. En la segunda parte del trabajo se explica cómo se ha realizado la aplicación web, mediante diagramas de casos de uso, diagramas de entidad relación y diagramas de clases, utilizando el lenguaje de modelado de software UML. Por último, se explican las conclusiones alcanzadas al implementar la aplicación y al utilizar las tecnologías mencionadas anteriormente, incluyendo futuras mejoras de la aplicación y los aspectos sociales, ambientales y éticos relacionados con el proyecto desarrollado.
Abstract:
The purpose of this project is the implementation of a web application with ReactJS and NodeJS technologies based on JavaScript. As an example of the use of these technologies, I have made a web application for managing the reservation of tracks in a sports center. With this application you can manage track reservations by users, tracks by the administrator and incidents by maintenance personnel. In the first part of the project, the architecture, methodology and technologies that have been carried out for the realization of the web application are explained. The main technologies are ReactJS for the client part and NodeJS together with various frameworks or libraries (Express and Sequelize among others) for the server part, analyzing the communication between them. In addition to these technologies, Material-UI and SweetAlert have also been used to improve the user interface and the design of the application. In the second part of the project, it is explained how the web application has been made, through use case diagrams, entity relationship diagrams and class diagrams, using the UML software modelling language. Finally, the conclusions reached when implementing the application and using the technologies mentioned above are explained, including future improvements to the application and the social, environmental, and ethical aspects related to the developed project.