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

Lorenzo Rodríguez, Daniel (2021). Desarrollo de una aplicación web con ReactJS y NodeJS para la gestión de reserva de pistas de un polideportivo. Proyecto Fin de Carrera / Trabajo Fin de Grado, E.T.S.I. de Sistemas Informáticos (UPM), Madrid.

Description

Title: Desarrollo de una aplicación web con ReactJS y NodeJS para la gestión de reserva de pistas de un polideportivo
Author/s:
  • Lorenzo Rodríguez, Daniel
Contributor/s:
  • Yela Ruiz, Adolfo
Item Type: Final Project
Degree: Grado en Ingeniería del Software
Date: July 2021
Subjects:
Freetext Keywords: Aplicaciones web; JavaScript; ReactJS; NodeJS; Gestión reservas
Faculty: E.T.S.I. de Sistemas Informáticos (UPM)
Department: Sistemas Informáticos
Creative Commons Licenses: Recognition - No derivative works - Non commercial

Full text

[img] PDF - Users in campus UPM only - Requires a PDF viewer, such as GSview, Xpdf or Adobe Acrobat Reader
Download (1MB)
[img] Archive (ZIP) - Users in campus UPM only
Download (511kB)

Abstract

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.

More information

Item ID: 68133
DC Identifier: https://oa.upm.es/68133/
OAI Identifier: oai:oa.upm.es:68133
Deposited by: Biblioteca Universitaria Campus Sur
Deposited on: 03 Aug 2021 05:42
Last Modified: 03 Aug 2021 05:42
  • Logo InvestigaM (UPM)
  • Logo GEOUP4
  • Logo Open Access
  • Open Access
  • Logo Sherpa/Romeo
    Check whether the anglo-saxon journal in which you have published an article allows you to also publish it under open access.
  • Logo Dulcinea
    Check whether the spanish journal in which you have published an article allows you to also publish it under open access.
  • Logo de Recolecta
  • Logo del Observatorio I+D+i UPM
  • Logo de OpenCourseWare UPM