Diseño de un Design System RD en Vue.js para la estandarización visual mediante un enfoque UI y de reutilización que aporte al desarrollo de aplicaciones web

Abstract

The project focuses on developing a Design System in Vue.js to establish user interface design guidelines, with the goal of improving the efficiency and coherence of web applications. Through the creation of reusable components and detailed documentation, it aims to ensure visual standardization that facilitates and accelerates the development process. The objectives include researching best practices in Design Systems, creating a library of reusable components in Vue.js, and producing clear documentation that guides their effective application in web projects. Additionally, a demonstration screen will be implemented to showcase the achieved visual uniformity. The project will be limited to creating visual components in Vue.js, without delving into backend development or external integrations. The use of the components will be demonstrated on a demonstration screen, highlighting visual coherence without comparisons of development time. A set of reusable components is documented and applied, providing a valuable resource for the consistent and efficient development of web applications. The documentation will facilitate the adoption of the components, enhancing visual uniformity in future projects. The project focuses on strengthening component design, providing a Design System that serves as a foundation for future developments and ensures a consistent and efficient user experience across various web applications.