February 2025

Progression - Visualization

During my final semester at Cégep de Rosemont, I contributed to Progression, a large-scale programming learning platform similar to "LeetCode" developed by the department. Working within a team of seven developers, our mission was to enhance the educational experience by adding a visual dimension to problem-solving. The goal was to enable students to move beyond just reading code and instead understand the dynamic behavior of their algorithms in real-time.

Contribution

I specialized in the interface logic layer responsible for translating execution data into visual representations. I developed the transformation modules that retrieve states from user-submitted code to generate interactive animations. Specifically, I designed the visualization for sorting algorithms (represented by animated blocks) and created a dynamic grid system for pathfinding problems, where the path is traced in real-time while identifying obstacles and traps.

Project Gallery

Visual Overview

Progression - Visualization screenshot 1

Approach

My approach focused on creating a seamless bridge between the execution engine and the rendering engine. Working in a large-scale environment, I had to ensure that retrieving debugging data did not impact the application's performance. I relied on a reactive data structure so that each step of the user's algorithm triggers a precise interface update, transforming abstract data streams into a consistent and educational visual experience.

Features

Real-time algorithm visualization
Dynamic sorting animations
Interactive grid path tracing
mmediate pedagogical visual feedback

More Projects

Explore Other Work

Neumorphia DevKit

As we prepared to completely redesign one of my existing applications, I didn't want to lose the Neomorphic (Soft UI) theme I had built from scratch. Neomorphism often faces criticism in the web ecosystem for accessibility issues, poor contrast, and unstable implementations derived from mere concept mockups. I therefore decided to extract, formalize, and mathematically standardize the theme's foundations to create a genuine, production-ready open-source component library. Inspired by modern design platforms like React Bits and shadcn/ui, the project takes the form of a dynamic, interactive catalog where developers can preview, test, and copy-paste tactile components for React and Tailwind CSS.

September 2026

ProjetR

Just before our internship at CEGEP began, one of our teachers approached Nicholson and me with an idea: to develop an application that would allow students to showcase their projects. Since we didn't have the ambition to build a complete platform alongside the internship, my colleague and I chose to create an MVP instead. We then presented it to the teachers in the computer science department at Cégep Rosemont, who were open to the idea of taking the project further with the next cohorts.

June 2025

Easystay

The Easystay project was carried out as part of the Native Applications 3 course at Cégep de Rosemont. Developed by a team of four, the goal was to design a comprehensive hotel management platform that meets industry standards. This project allowed me to deepen my skills in collaborative development and master the life cycle of a native application, from interface design to the implementation of complex business logic.

December 2024

View All Projects