An Extension of the Ignite UI for Angular Library for Accelerating the Sustainable Design of Web-Based Applications

Introduction: The purpose of this research is to explore the capabilities of the Ignite UI for the Angular library, to expand the range of components provided for building sustainable web application designs. Theoretical Framework: Theoretical Framework includes View layer of MVC is examined with a focus on UI and UX as critical factors for successful user interaction. Method: The methodology used for this research involves developing and testing a new software component. The development is based on the Angular framework and Angular's Ignite UI library using CSS for visual design; TypeScript for functional implementation. The stable operation of the component is guaranteed by functional tests conducted with Jasmine and Karma. Results: The results obtained revealed the successful development and integration of a new timer component for the Ignite UI, addressing a previously identified absence of such a component. The component was designed with a focus on sustainability, visual aesthetics and robust functionality, aiming to enhance user experience within web applications. Research implications: The research implications could contribute to the accelerated development of sustainable applications with improved user experience in the areas of: e-commerce, event management, productivity tools, games, online assessments/tests, and Internet of Things (IoT) dashboards. Study contributes: This study contributes to the literature by introducing a novel component for the Ignite UI for the Angular library, which is a significant practical contribution as it addresses a previously identified gap in the available components. Originality: The originality also lies in the detailed functional implementation using Angular's @Input and @Output decorators for data flow and event handling, along with the visual design using CSS.