Jan
Weiß

Projects I worked on

  1. Speislist

    Model Context Protocol Server for managing shopping lists and inventories, demonstrating the potential of AI-agent-friendly everyday applications.

  2. Geschmeckt

    Geschmeckt makes shopping easier by showing you exactly which products your family and friends love. Scan, rate, and share favorites in groups so you always bring home the right choice.

  3. QR Reader for Mac

    A native macOS app that captures QR codes via the Mac's webcam, handles URLs and vCards, and stores a history of scans.

  4. Recipe Scanner

    A web application that uses vision LLMs to extract structured recipe information from photos of printed or handwritten recipes, demonstrating the potential of AI for digitizing and organizing personal data.

  5. Zoo-Sponsorship

    Turning symbolic animal adoptions into verifiable NFTs, Zoo-Sponsorship bridges decentralized tech with real-world impact.

  6. Qr Haystack

    Have you ever searched for the proverbial needle in a haystack? Turn it into a bit of fun and play “Qr Haystack”!

  7. Angehörigendialog

    This project focused on the digital transformation of an interview guide for caregivers of people with dementia. It also included the design of visualizations to support the evaluation and interpretation of responses.

  8. Greenovate

    I developed the website presenting research findings on urban greening in the city of Krems. The project included an interactive data visualization to make key insights more accessible and engaging.

Posts

  1. Enable Vue DevTools in a Vue application in production

    If you need to debug a Vue application in production, you can enable the Vue DevTools by running a simple script in the browser console. This will allow you to inspect the Vue components and their state, even in a production environment.

  2. Starting with WebMCP

    A practical introduction to WebMCP: what it is, how it compares to MCP, how to try it today, and a curated collection of implementation resources.

  3. Generating an API client for an Angular Ionic App

    Learn how to automatically generate a type-safe API client for your Ionic/Angular frontend from OpenAPI/Swagger documentation. Includes a practical solution for integrating Capacitor's native HTTP client using dependency injection.

  4. A modern aspect ratio hack

    Until Safari supports the aspect-ratio property the struggle with hacky replacements continues. This article examines a new and flexible solution for enforcing an aspect ratio on an element.

  5. The sliding sidewalk: preventing a dropdown element from exceeding the screen

    A CSS pattern that keeps an absolutely positioned element inside the viewport.

  6. CSS Layout: Multi-line horizontal list with separators between items

    Learn how we can add separators between horizontal list and how to make them responsive.

  7. Use Eleventy to compile your Sass files!

    Read how Eleventy can handle the compilation of your Sass files.

  8. Firefox printing triangle border hack wrong

    The CSS hack for creating triangles is cool but there are two problems. It is hard to wrap your head around it and it is printed incorrectly by Firefox. Here is an alternative for us.

  9. Increasing the clickable area of chip buttons

    What to do if the buttons are too small for human fingers? Let's evaluate our options.

  10. How to prevent scrolling triggered by the space key

    Read how to prevent the space key from scrolling the page. And that you probably shouldn't.

  11. Wrapping slot items in Vue.js 2

    Sometimes you have to wrap a component's slot children. Accordions or sliders are good examples of such situations. I thought about this a little bit too much and came up with four different solutions.

  12. Firefox bug: when background-clip and animation-fill-mode are used together

    Read how I discoverd a Firefox bug and learn how to fix it.