Projects I want to share

PopLab

Technologies used:

  • TypeScript
  • JSDoc
  • Vue.js
  • CSS
  • Git
  • WebSockets

While working with Alsacréations, I had the opportunity to contribute to the development of the PopLab app. It is a platform that facilitates communication between teachers and students. It is a large project that requires a significant amount of time and personal and professional investment.

Lisa Effenberger - Portfolio

Technologies used:

  • TypeScript
  • SolidJS
  • Astro
  • Motion
  • Github Actions

Lisa's portoflio designed on Figma and developped with Astro. The main challenge was the animations which needed quite a bit of tinkering to play well with Astro view transitions. Everything is deployed via Github Actions to Infomaniak.

Snex

Technologies used:

  • Tailwind CSS
  • Git
  • Node.js
  • TypeScript
  • Markdown
  • Netlify functions
  • React
  • Docker
  • TMDB
  • Vite

This application allows you to search for movies and TV shows. It is particularly useful for finding popular and highly rated content. It is also my go-to platform for selecting movies to add to my Plex server!

The project's source code is available here.

Jobbies

Technologies used:

  • React
  • TypeScript
  • Vite
  • Tanstack Router
  • Docker
  • Pocketbase
  • Tailwind CSS
  • h3
  • tRPC
  • shadcn/ui
  • SQLite
  • Docker
  • Caddy

This is a small job application tracker that helps me track my applications to different jobs, it also provides useful statistics about the applications I've made. Although sadly, the statistics are not very positive considering the market in 2025... Anyhow I built the app on a Tanstack Router based app with Pocketbase for auth and a custom h3 + tRPC server for the backend.

Homebox

Technologies used:

  • Astro
  • TypeScript
  • Vite
  • SolidJS
  • Docker
  • Portainer
  • Uno CSS
  • Plex
  • Radarr
  • Sonarr
  • Debian
  • Git

My website, hosted on my local network, allows me to manage my personal server with all my services.

Guidelines - Alsacréations

Technologies used:

  • Markdown
  • JavaScript
  • CSS
  • JSON

Active participation on my personal time in the open-source project of the Alsacréations agency guidelines.

Alsacréations ESLint & Prettier preset

Technologies used:

  • Conventional Commits
  • TypeScript
  • Github Actions
  • npm
  • ESLint

npm package that allows the Alsacréations agency to quickly configure ESLint while adhering to the agency's multiple guidelines.

CFC - Design System

Technologies used:

  • TypeScript
  • SolidJS
  • React
  • Storybook
  • Custom Elements
  • Zod
  • Github Actions

While working with Alsacréations, I had the opportunity to contribute to the development of the CFC design system as its Lead Dev. My role was to develop, maintain the code and handle code reviews for other contributors. This was a particularly interesting project since we had to develop Custom Elements and they are still to this day quite painful to write and maintain, this is also while we opted for SolidJS for reactivity. I also set up the CI with Github Actions for automated releases and changelog generation.

qBitorrent UI

Technologies used:

  • React
  • TypeScript
  • Vite
  • Tanstack Router
  • Tailwind CSS
  • shadcn/ui
  • qBittorrent API
  • Hey Api

A modern frontend for qBitorrent Web UI using its REST API, this is very useful to track how many Linux Iso's are downloading, especially on mobile considering the default WEB UI isn't responsive. I went with React for shadcn/ui, otherwise I would have gone for SolidJS.