projects & portfolio .
A list with some of my recent and exciting projects.
![Screenshot of Garnele-Online.de](https://backend.spletti.info/wp-content/uploads/2023/01/deviceframes.png)
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.
![Device Mockup with Screenshots of the wedding website](https://backend.spletti.info/wp-content/uploads/2023/10/wedding-website-ab_device-mockup-e1709337784519.png)
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.
![Image of Personal Portfolio Website](https://backend.spletti.info/wp-content/uploads/2022/12/portfolio-website_macbook-air-mockup.png)
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.
![Image of Photosnap Marketing Website](https://backend.spletti.info/wp-content/uploads/2022/12/photosnap-marketing_macbook-mockup.png)
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.
![Image of Country Information SPA](https://backend.spletti.info/wp-content/uploads/2022/12/country-information-spa_macbook-mockup.png)
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.
![Image of Planet Facts SPA](https://backend.spletti.info/wp-content/uploads/2022/12/planets-facts-website_mockups.png)
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.
![Image of PDFlib Rendering Example](https://backend.spletti.info/wp-content/uploads/2022/12/pdflib-example_macbook-air-mockup.png)
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.
![Image of Tip Calculator App](https://backend.spletti.info/wp-content/uploads/2022/12/tip-calculator-app_macbook-air-mockup.png)
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.