Angular-Ecommerce: Desarrollo de una librería de componentes en Angular para mejorar la experiencia de usuario en entornos E-Commerce

Abstract

[EN] Every day, there are more businesses focused on buying and selling products online. However, many of them neglect the user experience due to factors such as the immediate need of the website and limited development time. Therefore, reliable and high-quality libraries are needed to provide facilities for programmers, resulting in a modern and dynamic website. The objective of this project is the creation of Angular-Ecommerce, a library developed in Angular that will offer the necessary components to facilitate the construction of an e-commerce application while always maximizing the user experience. Additionally, the frontend of an online product sales website will be developed in order to validate the library.

[ES] El comercio electrónico ha experimentado un fuerte crecimiento en todo el mundo, lo que ha llevado a la creación de páginas web de venta de productos y servicios en línea [1]. El uso de Angular como framework de desarrollo es cada vez más común debido a su capacidad para construir aplicaciones web escalables y eficientes. Sin embargo, construir una página web con Angular puede ser complejo y requerir mucho tiempo y esfuerzo, lo que ha llevado a la necesidad de buscar herramientas que agilicen el proceso de desarrollo. Las librerías de componentes son una de esas herramientas y permiten a los desarrolladores web crear páginas web de manera más rápida y eficiente. En este contexto, he desarrollado ngEcommerce, una librería de componentes específicamente diseñada para el desarrollo de páginas web de e-commerce. Esta librería ofrece una amplia variedad de componentes pre-diseñados y listos para usar, lo que permite a los desarrolladores web ahorrar tiempo y esfuerzo en el proceso de construcción de una página web de e-commerce. La librería ha sido diseñada para adaptarse a las necesidades específicas de los desarrolladores web que trabajan en proyectos de e-commerce, incluyendo funcionalidades para la creación de carritos de compra, barra de búsqueda, tarjetas de productos, entre otros elementos fundamentales en este tipo de plataformas. El trabajo presenta un análisis detallado de la librería, destacando sus principales características y funcionalidades, y muestra una aplicación de la misma. Me decanté por este proyecto ya que ayudará a muchos desarrolladores a agilizar el proceso de creación de webs de e-commerce.

[EN] E-commerce has experienced strong growth around the world, which has led to the creation of web pages for the sale of products and services online [1]. The use of Angular as a development framework is becoming more common due to its ability to build scalable and efficient web applications. However, building a web page with Angular can be complex and require much time and effort, which has led to the need to search for tools that streamline the development process. Component libraries are one of those tools and allow web developers to create web pages more fast and efficient. In this context, I have developed ngEcommerce, a library of components specifically designed for the development of web pages of e-commerce. This library offers a wide variety of pre-designed components and out of the box, allowing web developers to save time and effort on the process of building an e-commerce website. The bookstore has been designed to adapt to the specific needs of web developers who work on e-commerce projects, including functionalities for the creation of shopping carts, search bar, product cards, among other elements fundamental in this type of platforms. The paper presents a detailed analysis of the library, highlighting its main features and functionalities, and shows a application of it. I opted for this project as it will help many developers to streamline the process of creating e-commerce websites.