Skip to main content
Projects

Building a PWA with Vue 3 and Firebase: Lessons from Haircare Scan

How I built a PWA ingredient scanner using Tesseract.js OCR, Vue 3 Composition API, and Firebase β€” what worked, what didn't, and what the BCS award meant to me.

Read more
Projects

Haircare Scan – Vue3 PWA

Crème de la crème project summarising my three years at university — a final major project built with Vue3, Firebase, and Tesseract.js to help people decode hair care ingredient lists.

Read more
Projects

Student Cookbook – my first React web app

Building my first React web app for university: a student recipe and meal planning application with Firebase backend, Tailwind CSS styling, and responsive design. Complete development journey from concept to deployment.

Read more
Projects

katvonwiesendorf.com redesign

Redesigning and redeveloping my 5-year-old photography website from scratch. Transforming katvonwiesendorf.com from a dated blog into a modern portfolio showcase using Figma, Tailwind CSS, and improved WordPress development skills.

Read more
Projects

Give me gif, Slack – case study

A UX/UI case study exploring how to improve Slack's cumbersome gif access. From research and problem analysis to designing an intuitive gif button solution that reduces search time from minutes to seconds.

Read more
Projects

Create a simple toggle switch in React

Dark themes have become really popular in the recent years, and a lot of websites have given their users the ability to choose between light and dark mode. Toggle switch is, in my opinion, the best way to incorporate light/dark mode feature. Today I’m gonna show you how to create a simple, yet effective toggle switch.

Read more
Projects

Raspberry Pi scroll bot- soldering, building, coding

My first hardware project: building a Raspberry Pi scroll bot from scratch. Complete journey from soldering components to coding the display, including setup challenges and programming examples.

Read more
Projects

How to create a digital portrait in adobe illustrator

A few days ago, while I needed a little break from my database assignment, I created this digital portrait of my daughter, Hannah. Everyone seemed to really like it, so I decided to share my knowledge and create a tutorial on how to do those cool portraits using any photograph. All you need is Adobe Illustrator and a photograph! No skills required and it’s really easy to do! Watch a video tutorial or follow my written instructions below!

Read more
Projects

Gutenberg.org website redesign

A complete UX/UI redesign of Gutenberg.org featuring mobile-first wireframes, user research-driven color schemes, and comprehensive style guides. This academic project showcases the full design process from initial wireframes to final mockups.

Read more
Projects

logo design assignment

Submitting my first major university logo design project - a comprehensive branding assignment including research, design process, and 2000-word report. Late-night creativity sessions resulted in a complete brand identity showcase.

Read more