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

Whale of Misfortune

I designed this project as part of my first course dedicated to mobile app development. Since the initial assignment was technically simple, I chose to set myself apart by injecting a strong visual identity into it. To do this, I created, designed, and animated an original character using Aseprite, drawing inspiration from the pixel art style of cult games such as Undertale. This project was the perfect opportunity to combine my technical skills with my graphic creativity.

November 2024

ArtSync

As part of my Web Application 2 course in college, I had the opportunity to work in a team on the design and on the development of a full-stack application. We created ArtSync, a platform where users can publish, explore, and share artistic content. The project took us through all stages of development: requirements analysis, UML diagram, relational database design, interface design with Figma, and development using Java, Spring Boot, Thymeleaf, and Angular. It was a great experience to put our knowledge into practice in an agile environment, with regular follow-ups and a workflow that felt very close to a real professional project.

May 2024

Portail DTI

During my last web application class at CEGEP, we had to choose a project from a list provided by our teacher. My team and I decided to take on something quite ambitious: the computer science department portal. The idea behind this project was to design a digital space for students in the program. A place designed to promote mutual assistance, tutoring, event sharing, project promotion, as well as the creation and consultation of tutorials. In short, a true collaborative portal that brings the student community together around the development and sharing of knowledge.

December 2024

View All Projects