ITeC
ITeC - Institute of Construction Technology is an entity dedicated to the research, development, and promotion of advanced technologies in the construction sector. Based in Barcelona, ITeC offers innovative solutions for project management, budgeting, and expenses in construction, significantly contributing to the efficiency and sustainability of the sector.
ITeC needed to migrate its existing application for budget and expense generation and management, developed in Angular 1.4.9, to the latest version of Angular 17. This project involved not only technological updating but also adapting to the latest changes and improvements introduced in Angular 17.
Angular 17 introduces significant improvements such as support for standalone components, integration with Vite for faster development, better flow control, and the introduction of Signals for more efficient state management. Additionally, it includes a new corporate image reflecting its evolution and modernization.
Strategy
Analysis and planning: We conducted a thorough analysis of the existing application to identify key areas that required updating and adaptation to Angular 17.
Architecture design: We designed a new architecture for the application, ensuring it was modular and scalable to facilitate future updates and maintenance.
Component development: We implemented the components using Angular Material for interface elements, integrating Tailwind CSS for more flexible and modern style customization.
Staff training: We created detailed guidelines, documentation, and customized training to enable ITeC staff to continue developing the remaining sections of the application, ensuring consistency in styles and components.
Technical challenges
Adaptation to Angular 17: The migration from Angular 1.4.9 to Angular 17 presented several technical challenges, including significant changes in the framework's structure and functionality. Our team had to adapt and rewrite much of the code to take advantage of Angular 17's new features and improvements.
Integration of Angular Material and Tailwind CSS: Combining Angular Material for interface components and Tailwind CSS for styles required careful planning to ensure smooth and consistent integration.
Modularization and scalability: Ensuring the new architecture was modular and scalable was crucial to enable ITeC staff to continue development efficiently and without issues.
Migrating to Angular 17 allowed ITeC to benefit from the latest technological improvements, increasing the efficiency and scalability of its application. The integration of Angular Material and Tailwind CSS provided a modern and consistent interface, while the guidelines and documentation created ensured a smooth transition for the internal team.
We have been working with Angular since its very first version. Our extensive experience using Angular in productive environments for large corporations give us a clear advantage over other providers: we know the framework inside out, as if we had invented it. However, if you are not familiar with Angular and/or reactive programming, or you are not building an enterprise solution, its steep curve might be too overkill for your project.
