Crafted with Tech-Savvy Precision

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 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.