Responsive Design: Ensuring full cross-browser compatibility and mobile-first layouts
Seamless API integration and state management (Pinia/Vuex)
Quality assurance: Unit testing with Vitest/Jest and E2E testing with Playwright
Javascript
Typescript
Vue
Nuxt
HTML5
CSS3
SCSS
Vitest
Playwright
Jest
Backend
Node.js and ExpressJs: Developing RESTful APIs and serverless logic for full-stack hobby projects
MongoDB: Designing schemas, hosting, and managing NoSQL databases for persistent data storage
Data Handling: Implementing CRUD operations, data sanitization, and processing for frontend consumption
Python & Flask: Exploring Python for backend and game development (Early stage / Current focus)
Full-Stack Integration: Connecting frontends to self-built backends via fetch and handling asynchronous data flows
NodeJS
Express
MongoDB
Python
Flask
Tools & Methods
Version control: Experience in working with Git, Github and Gitlab
Jira: Multiple years of experience in working with Jira in agile international teams
Cloud hosting: Hosting and configuring multiple hobby frontend and full stack projects on Netlify and Vercel including serverless functions
Styling & Code quality: UI development using Tailwind, Integrating and configuring Prettier and Eslint to automate quality control
Git
Gitlab
Jira
Netlify
Vercel
Tailwind
Eslint
Prettier
Triggerscore
On this movie rating portal users can rate old movies based on how much these trigger viewers today. Additionally I added a filmquiz using data of the rated movies. I designed and built the page myself including Vercel Serverless Functions and a MongoDB for saving and receiving user ratings. Movie data I receive via TMDB api. Besides that I also developed a small movie quiz using data of movies rated on Triggerscore.
Nuxt
Typescript
NodeJS
MongoDB
Tailwind
Netlify
School Fight
This game offers turn based battles with different characters and ten levels, including three mini games, a boss fight and a shop system. Additionally the game includes six trophies and three hidden characters to unlock. The game is mobile friendly and currently playable on itch.io with already 1.300+ browser plays.
Javascript
CSS3
HTMLCanvas
Commit Combat
Commit Combat is a retro arcade style versus game. Players have shields based on their amount of recent commits on github. The github data is fetched via my Flask backend hosted on pythonanywhere. To fetch userdata I use GraphQL. The frontend is static html using Pixijs to display graphics.
Flask
Python
GraphQL
PixiJS
Vue Mealplanner
This application offers a meal and grocery planner. In the Vue Mealplanner users can add their own recipes and manage a list of grocery items. Ingredients can be added to the grocery list right from the recipe. Data is saved in local storage. Alternatively users can create a unique ID and save their lists in a MongoDB. The mealplanner is also provided as PWA.
