Aller au contenu
yutho.

Salut, moi c’est Loïc, alias Yutho.

Je conçois, je code
et je mets en ligne.

Une agence web, un mod de jeu multijoueur, un espace de notes collaboratif : je construis des produits complets, de l’interface jusqu’aux serveurs et au réseau.

Voir mes projetsMon GitHub

En BTS SIO SLAM, basé en France · Disponible en stage en décembre et en mai (environ 3 semaines).

01 / PROJETS

Ce que je construis,
de A à Z.

Trois projets que je mène en parallèle, de la conception au code, et ce que j’ai construit pour chacun.

Et aussi, sur GitHub
01 / AGENCE WEBEN COURS

Kloodee

Une agence web que l’on monte à deux. Le principe : on prépare quatre maquettes du site avant tout paiement, pour les artisans, commerçants et indépendants, puis on héberge et on entretient celui qu’ils choisissent. Je développe le site de l’agence et l’espace client.

Ce que j’ai construit

  1. Un site vitrine animé : la carte inclinée de l’accueil passe en plein écran au défilement, et les quatre maquettes se comparent d’un clic.
  2. Accessible (RGAA, WCAG 2.2 AA), vérifié par des tests automatiques, avec les animations coupées pour qui le demande.
  3. Des formulaires qui fonctionnent même sans JavaScript, validés côté serveur.
  4. L’espace client, en cours : connexion, e-mails et base de données.
  • Next.js 16
  • TypeScript
  • Tailwind CSS
  • Motion
  • Playwright
  • PostgreSQL

Pas encore en ligne : captures de la version en développement.

Accueil de Kloodee : « Voyez votre site avant de payer », au-dessus d’une carte violette inclinée.
Section de Kloodee qui compare quatre maquettes d’un site de boulangerie.
02 / MOD DE JEU MULTIJOUEUREN LIGNE · OPEN SOURCE

Cairn Multiplayer

Cairn est un jeu d’escalade pensé pour le solo. Mon mod y ajoute le multijoueur en ligne : on s’encorde à plusieurs, on discute en jeu et on grimpe ensemble. Avec son launcher Windows, son site et sa communauté Discord.

Ce que j’ai construit

  1. Le réseau, dans un jeu qui n’a jamais été prévu pour : l’hôte du salon fait autorité et les joueurs passent par le relais P2P de Steam, sans serveur dédié.
  2. La synchronisation des grimpeurs : positions, animations, cordée, météo et heure de la journée, sur un protocole réseau versionné.
  3. Un chat texte, un chat vocal de proximité en bêta, et des salons publics ou rejoints par code.
  4. Une API qui publie les salons ouverts pour les sites de la communauté, l’intégration continue et un code source public.
  • C#
  • Rust
  • Unity (IL2CPP)
  • MelonLoader
  • Steamworks
Voir cairnmultiplayer.comCode source
Site de Cairn Multiplayer : une alpiniste suspendue à une paroi au coucher du soleil, à côté du titre « Cairn Multiplayer Mod ».
03 / APP WEB COLLABORATIVEEN LIGNE

Notes

Un espace de notes à plusieurs, inspiré de Notion : des pages, des bases de données et l’écriture à plusieurs en temps réel. Pensé d’abord pour réviser entre étudiants. Gratuit, sans publicité, hébergé en France.

Ce que j’ai construit

  1. L’édition à plusieurs en temps réel, synchronisée par WebSocket, avec commentaires, mentions et annotations dessinées.
  2. Des bases de données en tableau, kanban ou calendrier, que l’on peut publier en lien public.
  3. Les IA (Claude, ChatGPT…) s’y connectent par MCP, avec seulement les droits de la personne qui les autorise.
  4. Une application de bureau, avec une dictée qui distingue les personnes qui parlent.
  • Next.js
  • TypeScript
  • PostgreSQL
  • Yjs
  • WebSocket
  • Tauri
Ouvrir Notes
Notes : une base « Révisions » en kanban, avec des notions à revoir, en cours et maîtrisées.

02 / QUI SUIS-JE

Développeur, 19 ans,
et toujours curieux.

J’ai 19 ans, je suis en première année de BTS SIO et je code depuis mes 14 ans : tout a commencé avec des bots Discord. Depuis, j’aime toujours autant comprendre comment les choses fonctionnent. Puis voir comment les faire fonctionner autrement. C’est ce qui me fait passer d’une interface web à une application desktop, ou d’un jeu solo à une aventure partagée.

Mon fil conducteur : des solutions utiles, un code soigné et une expérience agréable à utiliser.

FORMATION

  • BTS SIOOption SLAM (solutions logicielles et applications métiers) · 1re année, en cours
  • Bac pro CIELCybersécurité, informatique et réseaux, électronique
01

Web & interfaces

Des interfaces lisibles et réactives, du premier écran aux données.

React · Next.js · TypeScript
02

Back-end & systèmes

Les données, les serveurs et le réseau qui font tourner les applications.

PostgreSQL · MySQL · Go · C · eBPF
03

Jeux & modding

Explorer les mécaniques, connecter les joueurs, étendre les possibilités.

Rust · C# · Multijoueur