Crafted with Tech-Savvy Precision

During my internship at Craftzing, I developed ZingPong, a comprehensive web-based tool for managing internal sports competitions or activities including ping pong, padel, five-a-side football, and kubb. Built with React Router v7 for server-side rendering and MariaDB with Prisma ORM, the platform features an advanced Elo-based ranking system for both seasonal and global leaderboards. I implemented comprehensive season and match management with support for 1v1, 2v2, and team-based matches across multiple rounds. The application includes robust Slack integration allowing employees to view leaderboards through slash commands and receive automatic match notifications with Elo score changes. Role-based access control enables admins to create and manage seasons and activities, while Google Directory authentication ensures secure access for Craftzing employees. The platform is deployed using OpenTofu and AWS through Craftzing's deployment pipeline, demonstrating my skills in full-stack development and enterprise-level application architecture.

For my final Programming 6 project, I developed CodeCaster, a mobile learning application for PGM students to practice coding concepts through interactive quizzes. Built with React Native and Expo. I integrated Supabase for backend services with PostgreSQL and Row-Level Security for secure data management. The quiz system includes multiple-choice and true/false questions with timer-based scoring and immediate feedback. I implemented progress tracking with achievement badges and competitive leaderboards. Technical features include React Query for data management, React Hook Form for form handling, and custom audio integration. This project showcases my expertise in mobile development, educational app design, and creating engaging learning experiences.

In collaboration with another student, I worked on redesigning the websites for Kinderhart and Kinderhartfonds, a healthcare organization focused on congenital heart disease awareness and charity fundraising. Built using Craft CMS with Multisite functionality, this project manages both websites within a single CMS instance while maintaining distinct branding. The architecture features flexible Page Container structures with dynamic content blocks. I implemented Twig templating for dynamic content, TailwindCSS for responsive design, and Alpine.js for interactive functionality. This real-world project will replace the current websites and showcases my expertise in content management systems and collaborative development for healthcare organizations.

I developed a website for RFC Doggen, a small football club in Erembodegem. This project marked my first real-life experience in web development and was built using the same tech stack as the PGM Platform, including React, CSS Modules (SASS), and GraphCMS for content management. The RFC Doggen website features dynamic pages for players, events, sponsors, rankings, and match results, all managed through Hygraph/GraphCMS. This allows for easy updates and content management by me. The project was particularly valuable in deepening my understanding of SEO and Google Search Console, ensuring that the website is not only functional but also optimized for search engines. This hands-on project provided me with practical insights into deploying a live website and managing real-world client requirements.

For my Content Management Systems school project, I created HomeSphere, a niche community platform designed for HomeKit enthusiasts to share smart home setups and seek advice. Built with Laravel 11 and Laravel Breeze for authentication, the platform features comprehensive user management, questions and answers systems with pagination and filtering, and image upload capabilities for visual setup representation. Users can browse and filter smart setups, implement like functionality, and create detailed presentations of their configurations. I integrated Filament for administrative backend management and implemented email notifications for user engagement. This project demonstrates my skills in Laravel development, community platform design, and creating engaging user experiences for specialized audiences.

For my Data Management school project, I developed SeatSmart, a comprehensive restaurant management backoffice system for handling reservations, menus, and table configurations. The application features a dynamic dashboard with Chart.js visualizations showing popular menu items and reservation statistics. Built using PHP with MVC architecture and MySQL for data persistence, the system supports full CRUD operations across all entities. I implemented advanced features including file uploads for menu images, relationship management through dropdown interfaces, and a comprehensive file manager for company assets. This project demonstrates my skills in backend development, database design, and creating secure, scalable web applications.

For my final Programming 4 project, I developed the PGM Platform, a comprehensive website designed for the Graduate Program in Programming. The platform aims to serve prospective students, current students, alumni, and industry professionals by providing a detailed showcase of the program's offerings and portfolios. The platform incorporates search functionality and allows users to switch between light and dark modes for a customized viewing experience. Built using React with Context API for state management and React Router DOM for client-side routing, the frontend is styled with CSS Modules (SASS). The backend is managed through GraphCMS/Hygraph as a Backend as a Service (BAAS), and the application is deployed automatically via GitHub Actions to Render.com. This project exemplifies my skills in creating a modern, responsive, and SEO-optimized web platform.

In this project, me and three other students developed a comprehensive web application designed to track student progress throughout their academic journey. The system is used by various roles, including administrators, teachers, coaches, and mentors, to monitor student attendance, participation, performance, and overall status within the program. The backend was built using Express, PostgreSQL, and Handlebars for templating, with Knex and Objection for database management. The frontend, developed with HTML, CSS, and modular JavaScript, supports a fully functional API to handle all post-login operations. The application also supports work-based learning tracking through various modules, ensuring a comprehensive approach to student development and performance analysis.

For this project, we created "ColorQuest," an interactive game designed to motivate beginners to learn coding. Targeted at students with no prior coding knowledge, ColorQuest challenges users to find the correct combination of three colors from a set of five to create a specific potion color. The project includes a detailed, step-by-step tutorial hosted on a visually appealing static website, built using HTML, CSS, and JavaScript. This tutorial guides users through the process of recreating the game, with code snippets and clear instructions.

In this project, I developed "todoo" a comprehensive todo application with full authentication and CRUD functionalities. Users can register, log in, and manage tasks and categories only after authenticating via email and password. The application supports creating, reading, updating, deleting, and archiving tasks, with secure data handling using JSON Web Tokens (JWT) and bcrypt for password encryption. The backend was built with Node.js and Express, following the MVC architecture, while the frontend utilized Handlebars for templating. The project emphasizes robust security, user-friendly design, and seamless client-server communication.

For this project, I developed a static website for "Studio Clean," a fictional creative agency, using Eleventy as the Static Site Generator. The task involved analyzing a provided design to identify layouts and components, and then implementing them following the DRY principle and BEM naming conventions. Additionally, I used PostCSS to minify the code before deployment, ensuring optimized performance.

In this project, I developed a full-stack recipe management application featuring a user-friendly interface for viewing, adding, editing, and deleting recipes. The frontend was built with HTML, CSS (using PicoCSS for styling), and JavaScript, while the backend was implemented with Node.js and Express. I integrated both ends to support full CRUD operations, ensuring seamless interaction between the user interface and the backend. Additionally, I included a search function, category filtering, and a theme switcher for dark/light mode.

In this project, I was tasked with independently developing a responsive website based on a simplified version of the Lightopia Brussels design. Using HTML, CSS, and JavaScript, I recreated key pages, including interactive elements like dynamic map pointers and an FAQ section. I focused on clean, semantic HTML structure, optimized image assets, and a fully responsive layout. The JavaScript implementation included dynamically loading content and ensuring robust, modular code through the use of IIFE (Immediately Invoked Function Expressions).

This project aimed to simulate a real-world work environment where I was tasked with building a responsive website based on the actual design from 'Gentse Feesten 2023'. I used HTML, CSS, and JavaScript to develop the site independently. The project involved dynamically loading data via APIs, implementing interactive features like event filters and search functionality, and ensuring a responsive design across all pages. I also focused on clean code practices, such as using modular JavaScript files and optimizing assets for web performance.