Challenge
The app consisted of multiple microservices, and the client requested alignment of structure and styles between them. The goal was to create a UI library that would serve as a wrapper around Vuetify, modifying its components and adding new ones.
Additionally, we needed to create documentation and usage examples for other developers.
Other challenges:
- Ensuring consistency in UI and design across multiple microservices.
- Cleaning up outdated technologies in existing projects.
- Migrating the library and existing projects from Vue 2 to Vue 3.
Solution
Over several months, the team developed the UI library, updating components to match the design specifications and documenting usage examples in Storybook.
This library enabled the reuse of components, styles, and configurations across all projects. To simplify future development, the team created a boilerplate project for quickly building new microservices using the library.