![CodeSnap Image](https://mokkapps.twic.pics/mokkapps.de/projects/codesnap-dev.png)
Do you need:
- A Senior Frontend Developer focused on Vue.js and +9 years of experience?
- Support to build a complex web application or mobile app?
- A T-shaped developer with frontend expertise and cross-discipline competencies in backend development, test engineering, and DevOps?
- A developer who focuses on high-quality, clean, well-documented, and easily maintainable code?
- A reliable, honest, and professional partner to successfully finish your project within budget and time?
![Michael Hoffmann - Senior Frontend Developer (Freelancer)](https://mokkapps.twic.pics/mokkapps.de/contact_b5uem5.jpg?twic=v1/cover=3840x-)
My name is Michael Hoffmann and you are in the right place!
Testimonials
Michael worked for us as frontend as well as backend developer. He enriched the project with his in-depth technical expertise. Further, we very much appreciated his team player skills.
![Christine Hohn, Head of Health Division Systems (Health Insurance)](https://mokkapps.twic.pics/mokkapps.de/testimonials/christine-hohn.jpg)
Christine Hohn, Head of Health Division Systems (Health Insurance)
Gothaer Systems GmbH
Michael made an important contribution to the progress of the product and, as a team member, enriched the teamwork. He created a large part of the basis that our users can now enjoy working with the app.
![Denise Tobian, Product Owner](https://mokkapps.twic.pics/mokkapps.de/testimonials/denise-tobian.jpg)
Denise Tobian, Product Owner
ProSiebenSat1 Tech Solutions GmbH
Michael worked as a permanent employee in our company and has always done an absolutely excellent job. I can only recommend him!
![Thomas Müller, Head of Department Audi mobility](https://mokkapps.twic.pics/mokkapps.de/testimonials/thomas-mueller.jpg)
Thomas Müller, Head of Department Audi mobility
jambit GmbH
Project Highlights
Development of a TAA (Tarif-Angebot-Antrag) application
Customer:Gothaer Systems GmbH
Key Contributions:
- Development of a TAA (Tarif-Angebot-Antrag) application based on Vue 3 & Vuex
- Frontend team lead developer
- Introduced frontend unit tests based on Jest (later with Vitest)
- Migrated frontend from Vue CLI to Vite
Tech Stack:
Vue 3, Vuex, TypeScript, JavaScript, Vite, Vitest, Jest, Selenium, Spring Boot
Development of a video segmentation tool
Customer:ProSiebenSat.1 Tech Solutions GmbH
Key Contributions:
- Planned & executed the extraction of this segmentation tool from a monolithic application
- Setup, developed and maintained multiple Spring Boot microservices
- Designed & implemented a Websocket-based dashboard based on Spring Boot and Vue.js
Tech Stack:
Vue 2, TypeScript, Jest, lit-element, Web Audio API, Spring Boot 2, Django, Jenkins, Kubernetes, Helm, Prometheus
Development of a car tariff calculator
Customer:VHV Versicherung
Key Contributions:
- Wrote React wrapper components to integrate the Stencil web components into the Guidewire project
- Developed & maintained components in Stencil web component library
- Migrated separated Stencil & Storybook repositories to a monorepo
Tech Stack:
React, TypeScript, JavaScript, Web Components, Stencil, Guidewire, Cucumber, Storybook
Featured Private Projects
Latest Vue Tips
![Vue Tip: Simple Routing Without Using External Libraries Image](https://mokkapps.twic.pics/mokkapps.de/vue-tips/simple-routing-without-using-external-libraries/og.png)
![Vue Tip: Cache Component Instances With the KeepAlive Component Image](https://mokkapps.twic.pics/mokkapps.de/vue-tips/cache-component-instances-with-the-keep-alive-component/og.png)
![Nuxt Tip: Change Status Code of the Response Image](https://mokkapps.twic.pics/mokkapps.de/vue-tips/nuxt-change-status-code-of-the-response/og.png)
![Nuxt Tip: Run Code Once During SSR or CSR Image](https://mokkapps.twic.pics/mokkapps.de/vue-tips/nuxt-run-code-once-during-ssr-or-csr/og.png)
Latest Blog Posts
![Analyze Memory Leaks in Your Nuxt App Image](https://mokkapps.twic.pics/mokkapps.de/blog/analyze-memory-leaks-in-your-nuxt-app/og.png)
![Dockerizing a Nuxt App: A Comprehensive Guide Image](https://mokkapps.twic.pics/mokkapps.de/blog/dockerizing-a-nuxt-app/og.png)
![Self-Host Your Nuxt App With Coolify Image](https://mokkapps.twic.pics/mokkapps.de/blog/self-host-your-nuxt-app-with-coolify/og.png)
![Simpler Two-Way Binding in Vue With defineModel Image](https://mokkapps.twic.pics/mokkapps.de/blog/simpler-two-way-binding-in-vue-with-define-model/og.png)