Treffer: Refactoring the Frontend of the DNA Analyser web application

This thesis explores the refactoring of an existing codebase into a more modern framework, with the primary goal of transitioning an old project from Vue 2 to Vue 3, utilizing Vuetify. Highlighting the significance of preliminary steps and methodological strategies in software engineering, it delves into the practicalities of applying Docker technology and integrating a Continuous Integration/Continuous Deployment pipeline. The work methodically describes the step-by-step process of refactoring, beginning with the updating of libraries, moving through the various stages of code restructuring, and culminating in testing to ensure functionality and reliability. This comprehensive approach not only updates the technology stack but also enhances the overall structure of the project.