MarcLlobet

Morphing shape

fluency report

Preview of fluency-report repository

A web-based reporting tool that transforms raw fluency data into a clear and structured overview, helping educators understand learning patterns, compare progress across multiplication tables, and identify gaps early in order to support better teaching and assessment decisions.

Done mainly with TypeScript along with Makefile, Dockerfile, PHP, JavaScript and HTML.

Demo • Code

adventofcode

Preview of adventofcode repository

Solutions for the daily logic challenges by breaking each puzzle into smaller reasoning steps, helping learners strengthen analytical thinking, experiment with different problem‑solving strategies, and better understand how structured approaches shape outcomes.

Done mainly with TypeScript along with HTML.

Demo • Code

semantic git

Preview of semantic-git repository

A shell utility that converts everyday commit actions into more intentional, descriptive messages, helping developers track the evolution of their work, maintain clearer histories across branches, and understand why certain decisions were made as a project naturally grows.

Done mainly with HTML along with Shell.

Demo • Code

accordion progress

Preview of accordion-progress repository

Created to guide users through multi‑step tasks, this project organizes information in a way that reveals context at the right moment, making it easier to understand progress, follow instructions, and stay oriented while working through layered content.

Done mainly with TypeScript along with JavaScript and HTML.

Demo • Code

vanilla documents

Preview of vanilla-documents repository

Focused on making document management feel organized rather than chaotic, this project brings updates, notifications, and file changes into a unified flow that helps users keep context, respond confidently, and stay aware of everything happening in real time.

Done mainly with TypeScript along with HTML, Go, CSS and Bru.

Demo • Code

pet manager

Preview of pet-manager repository

Built around clear flows and predictable interactions, this project helps users review pet information, update details with confidence, and understand how changes tie together, creating a smoother experience when managing several profiles at once.

Done mainly with HTML along with TypeScript, CSS and Bru.

Demo • Code

ts only

Preview of ts-only repository

Purposefully minimal, this project offers a clean starting point that highlights reasoning and structure over configuration, helping developers express ideas more clearly and build toward maintainable logic without distractions from heavy setup decisions.

Done mainly with TypeScript along with JavaScript and HTML.

Demo • Code

wordle app

Preview of wordle-app repository

Using word‑frequency patterns and positional analysis, this project helps Wordle players choose stronger opening guesses, compare the effectiveness of options, and approach each round with a clearer sense of how probability influences their choices.

Done mainly with TypeScript along with HTML and CSS.

Demo • Code

atlesdevidessecretes

Preview of atlesdevidessecretes repository

By curating articles and materials into a navigable format, this project helps readers explore content steadily, move between sections with ease, and understand how each piece fits within a larger collection or narrative.

Done mainly with HTML along with .

Demo • Code

users by colors

Preview of users-by-colors repository

By reorganizing people based on color preferences and ranking, this project reveals patterns that might otherwise stay hidden, helping viewers compare groups, understand relationships in the data, and draw clearer insights from visual sorting.

Done mainly with TypeScript along with JavaScript, HTML and CSS.

Demo • Code

scheduling ui

Preview of scheduling-ui repository

Designed to make rescheduling feel intuitive, this project presents availability changes in a structured way that helps users understand conflicts, evaluate options, and manage time with more confidence across repeated interactions.

Done mainly with JavaScript along with HTML and CSS.

Demo • Code

scss helpers

Preview of scss-helpers repository

Created to avoid repeating the same styling logic across projects, this collection of helpers brings structure and consistency to visual decisions, helping developers reason about design rules and apply them with ease.

Done mainly with HTML along with JavaScript and SCSS.

Demo • Code