Desarrollo de una aplicación de control de gastos financieros

Abstract

[Resumen]: Este trabajo de fin de grado presenta el desarrollo de una aplicación web SPA (Single Page Application) destinada a simplificar la gestión de los gastos personales. La aplicación permitirá a los usuarios registrarse, iniciar sesión, gestionar sus gastos, crear categorías personalizadas y añadir etiquetas a sus gastos. Asimismo, los usuarios podrán visualizar y buscar sus gastos de manera eficiente y conveniente, utilizando tanto las categorías como las etiquetas para una organización más detallada. El diseño de la aplicación se enfocará en proporcionar una experiencia de usuario intuitiva y amigable, con una interfaz clara y sencilla. Además, se incluirán funciones de internacionalización para garantizar su accesibilidad a una audiencia global. El principal objetivo de este proyecto es ofrecer una herramienta que facilite el seguimiento ycontrol de los gastos personales, ayudando a los usuarios a obtener una visión clara de sus finanzas y alcanzar un equilibrio financiero adecuado. La aplicación constará de un backend desarrollado en Java utilizando el framework Spring Boot y una API REST para la comunicación con el frontend. El frontend se construirá utilizando JavaScript y el framework React. Esta combinación de tecnologías permitirá crear una aplicación robusta, escalable y fácil de mantener. La aplicación se desarrollará utilizando una arquitectura basada en dos componentes principales: el backend, construido en Java con el framework Spring Boot y gestionado con Maven, para facilitar la creación de APIs RESTful y la integración con bases de datos relacionales, utilizando H2; y el frontend, desarrollado en JavaScript con React y Redux, permitiendo una gestión eficiente del estado de la aplicación y una interfaz de usuario dinámica y responsiva. Además, se emplean herramientas como Node.js para la gestión de dependencias y construcción del frontend, Service Workers para mejorar el rendimiento y funcionalidades offline, y Bootstrap junto con CSS para asegurar un diseño atractivo y adaptativo. Estas tecnologías trabajan en conjunto para ofrecer una aplicación web robusta, escalable y fácil de mantener.

[Abstract]: Hello, here is some text without a meaning. This text should show what a printed text will look like at this place. If you read this text, you will get no information. Really? Is there no information? Is there a difference between this text and some nonsense like “Huardest gefburn”? Kjift – not at all! A blind text like this gives you information about the selected font, how the letters are written and an impression of the look. This text should contain all letters of the alphabet and it should be written in of the original language. There is no need for special content, but the length of words should match the language. This final degree project presents the development of a SPA (Single Page Application) web application aimed at simplifying personal expense management. The application will allow users to register, log in, manage their expenses, create custom categories, and add tags to their expenses. Additionally, users will be able to efficiently and conveniently view and search their expenses, using both categories and tags for more detailed organization. The design of the application will focus on providing an intuitive and user-friendly experience, with a clear and simple interface. Furthermore, internationalization features will be included to ensure accessibility to a global audience. The main goal of this project is to offer a tool that facilitates the tracking and management of personal expenses, helping users gain a clear understanding of their finances and achieve proper financial balance. The application will consist of a backend developed in Java using the Spring Boot framework and a REST API for communication with the frontend. The frontend will be built using JavaScript and the React framework. This combination of technologies will enable the creation of a robust, scalable, and easy-to-maintain application. The application will be developed using an architecture based on two main components: the backend, built in Java with the Spring Boot framework and managed with Maven, to facilitate the creation of RESTful APIs and integration with relational databases using H2; and the frontend, developed in JavaScript with React and Redux, allowing efficient state management of the application and a dynamic, responsive user interface. Additionally, tools such as Node.js are used for dependency management and frontend building, Service Workers to improve performance and offline functionality, and Bootstrap along with CSS to ensure an attractive and adaptive design. These technologies work together to provide a robust, scalable, and easy-to-maintain web application.