ClientNortal
IndustryHealth
RegionNorthern Europe
Work implementedWeb Development, Front-end Architectural Solutions, More Maintainable Codebase
Challenges
With a system of this scale, keeping pace with the continuously growing codebase was a significant challenge.- A large and constantly expanding codebase
- A long-term project requiring the technology stack to remain current throughout the entire development lifecycle
- A large working team that needed to be onboarded quickly and smoothly
Goals
In an environment of continuously increasing requirements, our goal was to accelerate the pace of frontend development. To support that, we identified several key improvements that would make development faster and ongoing maintenance more manageable:- Reduce the complexity of existing library usage
- Make better use of Angular framework features (content projection, dependency injection, Angular modules)
- Create reusable NgRx patterns
- Contribute to the maintenance of the component library
Created Value
We began by meeting with the existing project team to understand the current state of the system — its strengths, its pain points, and the team's vision for the future. This gave us a clear basis for prioritizing work in line with what mattered most to the client. An Agile development environment helped us stay aligned throughout.NgRx StoreImproved the composition of NgRx Redux store modules for easier reusability. Moved more of the application's state into the store, which created a more natural and predictable data flow across components.
Component LibraryContributed to the use and improvement of shared library components for common UI patterns. Enhanced the select, data-table, tree, modal, and other components. Used Storybook to document and display newly developed presentational components.
Custom SolutionsImplemented a generic solution for the classifier types that appear frequently in medical records systems. Introduced nested forms to enable reuse of the most common parts of medical forms across the application.
OutcomeToughlex became a reliable contributor to the project's frontend development, helping to establish core patterns that improved both development speed and code maintainability. With foundational architecture decisions in place, developers could spend more time on business-value features. Delivery became more predictable over time, enabling more accurate estimates for future releases.
Technologies
The project's technology stack was already established when we joined, so only minor adjustments were needed to get up to speed. The project was built and hosted on Azure, while an actively maintained version of Angular kept the frontend current. Application state management was handled with the NgRx store, and Storybook was used to document and display presentational components for the design team.Skills
- Angular
- Enterprise Software
- Web Development
- TypeScript
- RxJS for Reactive Programming
- NgRx (Redux for Angular)
- Azure
- Agile
- Storybook
- Remote Work
