Refactoring the Frontend of the DNA Analyser web application

Mikhail Skvortsov

Bachelor's thesis

Refaktorování Frontendu webové aplikace DNA Analyser

Abstract:

Tato práce zkoumá refaktoring stávajícího kódu do modernějšího frameworku, přičemž hlavním cílem je přechod starého projektu z Vue 2 na Vue 3 s využitím Vuetify. Zdůrazňuje význam předběžných kroků a metodologických strategií v softwarovém inženýrství a zabývá se praktickými aspekty použití technologie Docker a integrací CI/CD pipeline. Práce metodicky popisuje postupný proces refaktoringu, začínající aktualizací knihoven, pokračující různými fázemi restrukturalizace kódu a konče testováním, aby se zajistila funkčnost a spolehlivost. Tento komplexní přístup nejen aktualizuje technologický stack, ale také vylepšuje celkovou strukturu projektu.

Abstract:

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.

Keywords

Docker, Refaktoring, DNA, JavaScript, Vue.js, Vuetify, CI/CD Pipelines

Keywords

JavaScript, Vue.js, DNA, Refactoring, Vuetify, CI/CD Pipelines, Docker

Language used: English

Date on which the thesis was submitted / produced: 12. 1. 2024

Thesis defence

• Date of defence: 24. 1. 2024
• Supervisor: Ing. Jan Kolomazník, Ph.D.
• Reader: Oldřich Faldík, Ph.D.

Mendel University in Brno

Faculty of Business and Economics

Bachelor programme / field:
Engineering Informatics / Automation Control and Informatics