NetZero Platform Re-Engineering: Upgrading from AngularJS to Angular

ETA+ is a cloud-based platform that helps building owners and managers increase energy efficiency based on a digital twin for each building.

Learn how our client got:

• Transition from AngularJS to Angular 17
• Shift from monolith architecture to microservices
• Gradual platform and database optimization
• Automatic data import via MQTT protocol
• Efficient and transparent SDLC process

Challenge

ETA+ is a platform that aggregates data from smart home apps and devices to produce efficiency reports for building managers. As user and integration demands grew, the outdated AngularJS framework couldn’t keep up and required re-engineering.

Our Approach

Migrating a platform with extensive data and users requires precision. We used a section-by-section approach with Nx Monorepo and Angular Elements, transitioning from a monolithic structure to microservices with Angular 17. This created a flexible system compatible with modern technologies.

AngularJS Migration: ngUpgrade or Angular Elements

Angular’s guidelines suggest gradual migration with ngUpgrade, which allows AngularJS and Angular components to coexist. However, we rejected this due to scalability and interoperability issues. Instead, we used Angular Elements to create standalone Angular 17 components. This approach avoids legacy AngularJS code, compiling Angular 17 components into custom elements compatible with various technologies.

It’s all About Data

The platform uses two crucial databases. With ETA+ targeting 1M devices by 2024, we migrated calculations to the backend, added indexing, and optimized page requests. The database is now efficient, fast, and handles only essential requests.

“We thought about the biggest challenge for us as a society and it was the climate problem. So, we created ETA+ to help people fight climate change by optimizing utilities costs and decreasing CO2 emissions, with OTAKOYI helping us reach our goal.”

Dirk Wittler
Sales and Business Development
ETA+

Watch our RealTalk Podcast with Dirk – https://www.youtube.com/watch?v=C_lJrdaKGCI

Check out the full case on our website – https://otakoyi.software/cases/netzero-platform