projects & portfolio .

A list with some of my recent and exciting projects.

Screenshot of Garnele-Online.de

Garnele-Online

Relaunch of the german online magazine Garnele-Online with new focus on the pure online presence. The blog covers all topics on freshwater aquariums. For the relaunch I worked with my current go-to techstack: Headless WordPress for the Backend and Nuxt 3 with SCSS and Bootstrap Vue Next.

nuxt3

vue3

headless wp

scss

Device Mockup with Screenshots of the wedding website

Wedding Website

Invitation Website for the wedding of a customer couple. The goal was to create a SPA containing all relevant Information for the wedding invitation as well as a form to accept or decline the invitation.

nuxt3

vue.js

scss

vuetify

headless forms

Image of Personal Portfolio Website

Portfolio Website

My personal portfolio website! I developed it so I can showcase my work and represent myself in the web. It's build with Nuxt3, SCSS and Bootstrap5. For the backend I use wordpress as a headless CMS with it's REST API.

nuxt3

vue.js

scss

bootstrap 5

headless cms

Image of Photosnap Marketing Website

Photosnap Marketing Site

Frontend Project challenge from Frontend Mentor.
In this challenge the goal was to create a marketing site for a photography platform called photosnap. I implemented the design using Vue3 together with SCSS and Bootstrap 5.

vue.js

scss

bootstrap 5

spa

frontend mentor

Image of Country Information SPA

Country Information SPA

Frontend Project challenge from Frontend Mentor.
For this challenge I needed to make an SPA with connection to a REST API to display informations for every country in the data. Based on VueJS with SCSS and Bootstrap5.

vue.js

scss

bootstrap5

spa

Image of Planet Facts SPA

Planet Facts Site

Real life project challenge from Frontend Mentor.
The goal was to create a site, where users can learn facts about the planets in our solar system, which should at the end look like the given design.
Based on Vue.js and Bootstrap 5.

vue.js

scss

bootstrap 5

spa

frontend mentor

Image of PDFlib Rendering Example

PDFlib Rendering Foundation

A dynamic pdf generator demo, to showcase typical use-cases of the library and how one can solve it. It was build to be usable as a solid foundation for projects. It's build on the v9.3.x php version of the PDFlib library.

pdflib

php

pdf generator

Image of Tip Calculator App

Tip Calculator App

Real life project challenge from Frontend Mentor.
The app should calculate a tip, based on the price you paid, the number of people and a percentage of the paid price you can choose.
It was build with TypeScript and SCSS + Bootstrap 5.

typescript

scss

vite

frontend mentor