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

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

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.

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.

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!

www.monterail.com