Diseño y Desarrollo de una herramienta de generación de proyectos Angular corporativos

Abstract

[ES] Este trabajo fin de grado se enfoca en el diseño y desarrollo una herramienta de aceleración de proyectos para aplicaciones SPA con una nueva y moderna arquitectura basada en monorepos y Clean Architecture. Dichas aplicaciones incluirán una serie de herramientas de desarrollo, además de integración con plataformas de monitorización y mantenimiento de calidad de software. El trabajo consiste en cinco partes principales: 1. Definición de un arquetipo de proyectos frontend basado en monorepos con Nx. 2. Definición de una arquitectura de aplicación Angular basado en librerías y Clean Architecture. 3. Desarrollo de un conjunto de librerías con Nx Plugins para la generación del proyecto personalizado. 4. Desarrollo de un CLI capaz automatizar el proceso de creación, integración y despliegue de los proyectos generados. 5. Despliegue de dicha herramienta dentro de un microservicio para su uso a través de Backstage, un portal interno para nuestros desarrolladores. El objetivo con este desarrollo es proporcionar a los desarrolladores una herramienta única que permita construir aplicaciones Angular basadas en una arquitectura moderna y altamente escalable y que lleve preinstalada una configuración personalizada de herramientas y servicios de calidad de software.

[EN] This final degree work focuses on the design and development of a project acceleration tool for SPA applications with a new and modern architecture based on monorepos and Clean Architecture. Such applications will include a set of development tools, as well as integration with software quality monitoring and maintenance platforms. The work consists of five main parts: 1. Definition of a frontend project archetype based on monorepos with Nx. 2. Definition of an Angular application architecture based on libraries and Clean Architecture. 3. Development of a set of libraries with Nx Plugins for custom project generation. 4. Development of a CLI capable of automating the process of creation, integration and deployment of the generated projects. 5. Deployment of this tool within a microservice for its use through Backstage, an internal portal for our developers. The goal with this development is to provide developers with a unique tool to build Angular applications based on a modern and highly scalable architecture and pre-installed with a custom configuration of software quality tools and services.