Challenge / Goal
A leading third-party logistics services provider, largely relying on traditional web applications for business processing, faced technical challenges with a highly monolithic frontend architecture. The company looked to Bridgenext (formerly Emtec Digital) to solve multiple challenges including:
- Complex code and system architecture
- Poor scalability
- Limited choice of technology
- Difficulty achieving agile update cycles, testing and maintenance
- Time-consuming operations
Solution
Considering the current complexity and challenges, our architecture team evaluated various options. We proposed a micro frontend architecture-based design to break multiple applications into smaller micro apps specific to the business functionality and context.
Our team assumed end-to-end ownership of the development, testing and deployment of each micro app, leading to enhanced flexibility in terms of technology and infrastructure used. As these apps were developed individually, the test and release cycles were reduced considerably, enabling faster feature deployment.
Tech Stack
- Single-SPA
- React
- Backbone.js
Results
When it comes to complex web applications, micro-frontend tools are the first choice for easier development upgrades. A split code that guarantees faster integration is more serviceable, offers simpler testing and boosts the deployment process.
Migration to micro apps resulted in tangible benefits including:
- 70% YoY increase in product development
- Reduced time-to-market for the regularly updated products
- No dependency on the development and deployment cycles of other apps in the same portal
- 100% test coverage
- Business continuity guaranteed due to zero impact of individual app failure on other apps
- Flexibility to quickly build and release new apps or features in response to changing business needs
