Our client is developing a platform to make communication and collaboration between schools, students, and parents easier.
Industry:
Education
Project duration:
Ongoing, July, 2021 - present
Region:
Estonia
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.
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.
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.
Key results
Functionality
The UI library was successfully created and integrated into multiple microservices.
Documentation and usage examples were provided
Outdated technologies were removed
Technology stack
Vue 2, Vue 3, Pinia, Vuetify (some backend and microservices stuff)
.svg)