Monterail for
Bottimo
Now it's easy to find good developers and reliable software agencies
but if you are looking for a partner that has spent the last 15 years
ensuring its software delivery process is efficient and effective,
here's what we can do for you
About Monterail
Client
satisfaction
We continuously monitor and gather feedback from all of our clients in order to improve our services and adapt the delivery process. This way, we can ensure that our collaboration is satisfactory to you and future clients.
Fast delivery
process
We want you to get your app out there as soon as possible and gather feedback from your users. Thanks to the MVP approach you’ll save money and time, and the scope will be under control.
Transparency
We discuss priorities, longterm plans, and gather feedback on regular meetings and shared communication channels with all the stakeholders. Every week, we review detailed timesheets to talk about budget, costs, risks, and opportunities.
71
390+
130+
14+
Proud to be partnered with the best
Main markets
Industries
• Western Europe
(Germany, the United Kingdom, and Switzerland)
• Middle East and South Africa
• the United States
• Fintech
• Retail
• Medtech
• HRtech
• Proptech
Project overview
Code review
Summary
Overall code quality is decent and the team can start working on the migration. Vue migration will require additional steps, such as upgrades of dependencies to version compatible with Vue3 and considering alternatives for deprecated or outdated packages
Build tool for current setup: Vue-cli
Core Libraries:
-
Vue: Using version 2.7.16 (latest version of Vue 2 with Vue 3 script setup features).
-
vue-router: Version 3 (compatible with Vue 3).
-
vue-i18n: Version 8 (compatible with Vue 3).
UI Framework
-
Vuetify 2.7.2: Needs upgrade to the latest third version for Vue 3 compatibility.
Additional Packages
-
Vuedraggable 2.23.2: Migration to version 4 needed for Vue 3 support.
-
Vue-cropperjs 4.2.0: Not maintained, needs an alternative package like vue-advanced-cropper for Vue 3.
-
Vue-carousel-3d 1.0.1: Outdated, alternative needed.
-
Vue-apollo 3.1.2: Compatible with Vue 3.
-
Vue-apexcharts: Migration needed for Vue 3.
-
Vue-router-multiguard: Not supported, custom solution recommended.
-
gtm-support/vue2-gtm: Needs migration for Vue 3 compatibility.
Project scope
Vue migration
Item
Description
Adjust to vue 3 breaking changes
Go through official guide point by point Migration guide
Vue 3 compact build
Get rid of all compile time errors
-
Transition
-
V-for keys
-
V-bind
-
.native event modifiers
-
.sync
3-4 d
Estimate
8-10 d
All estimates are provided in days of work for one developer
Optional activities
Vue migration
Debugging
Ensure post-migration functionalities accuracy
UI framework
-
Upgrade Vuetify to the latest version 3.x. Be prepared for a time-consuming process and potential bugs.
15-18 d
8 d
37 - 46 days
7.5-9 weeks
Dependencies update
-
Upgrade Vuedraggable to version 4 for Vue 3 compatibility.
-
Replace Vue-cropperjs with an alternative like vue-advanced-cropper which supports Vue 3.
-
Replace Vue-carousel-3d with vue3-carousel, adjust styles accordingly.
-
Ensure Vue-apollo remains the latest version supporting Vue 3.
-
Update Vue-apexcharts to a version supporting Vue 3.
-
Create a custom solution to replace vue-router-multiguard.
-
Upgrade gtm-support/vue2-gtm for Vue 3 compatibility.
3-6 d
Optional activities
Vue migration
Add typescript support
Recommended in case of further maintenance or new development
Vite upgrade
Recommended
-
Migrate to Vite, the preferred build tool for Vue 3, for better performance and faster builds.
1-2 d
1 d
3-5 days
0.5-1 week
Node upgrade
Recommended, required for Vite upgrade
1-2 d
Optional activities
Budget estimate
Team composition
-
1 Mid Vue Developer
-
0.5 Sr Vue developer
-
0.4 QA
-
0.3 PM
Bottimo Vue migration budget estimate
5.5 weeks
7 weeks
29.4k EUR
37k EUR
Core migration
Optional activities
27.2k EUR
2.2k EUR
4.4k EUR
Budget
5-6 weeks
0.5-1 week
32.6k EUR
Discount
Bottimo Vue migration budget estimate
5.5 weeks
7 weeks
25.8k EUR
32.6k EUR
Core migration
Optional activities
23.9k EUR
1.9k EUR
3.9k EUR
Budget
5-6 weeks
0.5-1 week
28.7k EUR
We can offer a 12% discount for the first iteration of our cooperation
Monterail requires a deposit or prepayment as a payment guarantee before starting the project: deposit of €10k or €23,9k prepayment.
Implementation Case Studies
Enhancing Web Application Performance and Maintainability Through Vue 3 Migration
Gradido is a non-profit organization in Germany that studies social inequalities. As part of its economic bionics research, Gradido is developing an alternative monetary model with a dedicated accounting system.
Sneak peek into the project
KEY CHALLENGES
-
Ensuring code quality during the migration, including careful refactoring of the mixed async code to enhance readability and maintainability.
-
Integrating new libraries, accommodating new dependencies, and reworking and updating existing libraries without disrupting web app functionality.
-
Transitioning to the Composition API in Vue 3, including refactoring the existing components, posed risks regarding the project timeline.
1k
+400
3
The outcome
The migration of the Gradido platform from Vue 2 to Vue 3 resulted in significant improvements across key areas of performance, maintainability, and feature access.
Enhanced rendering speed and reduced memory usage have notably improved the platform's responsiveness, delivering faster load times and smoother interactions for the admin interface and frontend application.
Fighting diabetes in African countries
Merck DORA is a product by the Merck Group, a science and technology company that focuses on health improvements with the help of tech solutions and scientific support. So is the example of Merck Dora, a web-based application centered on helping fight diabetes in African countries.
Sneak peek into the project
The Merck Group needed to overhaul and improve their existing web-based application. Keeping in mind key aspects for this app, such as access to the Internet and its connection speed, we delivered a lightweight but still visually appealing and secure app for diabetes treatment where users can assess the risk of falling ill.
Originally, Merck DORA was only available in Kenya. After our partnership, the application became available in other eight African countries, and with different language variants.
Our involvement resulted in further collaboration on three projects: Merck Unite, Merck Life Science, and the Fertility Online Risk Assessment.
0,7 MB
60%
4
Expertise and insight
Not only did Monterail bring their technical expertise to the table, but they showed their sensitivity to the particular cultural context of this project by asking a lot of meaningful questions early on. Once they had fully and objectively analyzed the problems, they set about producing an original and extremely adequate application solution.
Let’s stay
in touch!
Martyna Wajda
Client Partner
martyna.wajda@monterail.com
Single Point of Contact
Hubert Białęcki
Head of Technology
hubert.bialecki@monterail.com
Lead Expert - Technology
Monterail for Bottimo
By Monterail
Monterail for Bottimo
- 22