// skill os · v0.1

Je conçois, je code, j'anime.

Pas encore expert partout. Mais je sais relier les points entre une idée, un produit qui tourne, et la page que vous lisez en ce moment.

system statusonline

~ skills.published0

~ families.active6/7

~ pipeline.coverage6/7

~ je sais

~ j'apprends

~ je découvre

boot.logtail -n 6

mount /modules
load ui & motion
link product → deploy
resolve français + english
growth.module v0.2
$ ready_

100%

modulesCODE·9 UI·3 MOTION·1 CONTENT·1 GROWTH·0 PRODUCT·1 OPS·3pipeline: idée → structure → interface → animation → code → deploy → mesure

// control board

Pas une stack. Un cockpit.

Chaque module regroupe les compétences d'un domaine. Cliquez pour filtrer ce que vous voyez. Aucun module n'est complet — c'est le but.

18 modules chargés

TypeScript

CODEcode

j'apprends

Mon langage du quotidien, côté front comme back. Le typage me laisse refactorer sans tout casser et documente le code par les types eux-mêmes.

preuve

Tout Brelio (NestJS) et ce portfolio (Next.js) sont en TypeScript.

ce que ça m'apporte

moins de bugs en production, un code plus lisible.

prochain cap

approfondir les types génériques avancés et l'inférence.

React

CODEinterface

j'apprends

La base de mes interfaces. Je découpe en composants réutilisables et je gère l'état avec les hooks.

preuve

Le front de Brelio (React 19 + Vite) et ce portfolio.

ce que ça m'apporte

des interfaces maintenables et cohérentes.

prochain cap

maîtriser les patterns de performance (memo, suspense).

Next.js

CODEinterface

j'apprends

Je construis ce portfolio avec Next.js : App Router, Server Components, metadata SEO et data fetching côté serveur.

preuve

Ce site (Next.js 16) et la vitrine de Brelio.

ce que ça m'apporte

des pages rapides et bien référencées.

prochain cap

creuser le caching et les Server Actions.

NestJS

CODEstructure

j'apprends

Le cœur de Brelio : une API modulaire avec auth JWT, guards de modules et une vraie séparation des responsabilités.

preuve

L'API complète de Brelio (NestJS 11), 4 modules métier.

ce que ça m'apporte

un back-end organisé qui tient à l'échelle.

prochain cap

tests d'intégration et découpage en services.

PostgreSQL

CODEstructure

j'apprends

La base de données de mes projets. Je modélise des schémas relationnels pour de vrais besoins métier.

preuve

55 modèles sur Brelio, et la base de ce portfolio.

ce que ça m'apporte

des données fiables et bien structurées.

prochain cap

indexation et optimisation des requêtes lourdes.

Prisma

CODEstructure

j'apprends

L'ORM de Brelio : un schéma typé, des migrations versionnées et des requêtes type-safe de bout en bout.

preuve

Le schéma Prisma de Brelio (1600+ lignes).

ce que ça m'apporte

des accès base sûrs et lisibles.

prochain cap

transactions complexes et performances.

Docker

OPSdeploy

j'apprends

Je containerise mes apps pour des déploiements reproductibles. En ce moment, je construis le « moule » de déploiement multi-tenant de Brelio.

preuve

Images de prod NestJS/React, docker-compose en cours sur Brelio.

ce que ça m'apporte

le même environnement en dev et en prod.

prochain cap

orchestration (Traefik) et provisioning automatisé.

IA

PRODUCTidée

j'apprends

J'intègre l'IA dans ma façon de travailler : je délègue les tâches répétitives et j'affine une documentation qui rend les modèles plus efficaces à chaque passage.

preuve

Workflows IA sur Brelio et sur ce portfolio.

ce que ça m'apporte

plus de vélocité, à moindre coût.

prochain cap

structurer des agents fiables et reproductibles.

Photoshop

UIinterface

j'apprends

Je crée et retouche les visuels, notamment pour la direction artistique et le marketing de Mon Krousty.

preuve

Visuels et supports marketing Mon Krousty.

ce que ça m'apporte

une identité visuelle soignée.

prochain cap

un workflow non-destructif plus rigoureux.

Illustrator

UIinterface

j'apprends

Je travaille les éléments vectoriels : logos, pictogrammes et mises en forme qui restent nets à toutes les échelles.

preuve

Éléments graphiques pour la DA de Mon Krousty.

ce que ça m'apporte

des assets propres et réutilisables.

prochain cap

systématiser une bibliothèque de composants graphiques.

After Effects

MOTIONanimation

j'apprends

Je m'en sers pour le motion design et les courtes vidéos, surtout pour le marketing de Krousty.

preuve

Contenus animés pour le marketing Mon Krousty.

ce que ça m'apporte

des supports qui captent l'attention.

prochain cap

expressions et automatisation des animations.

InDesign

CONTENTinterface

j'apprends

Je mets en page des supports structurés (menus, documents, print) avec une vraie rigueur typographique.

preuve

Supports imprimés Mon Krousty.

ce que ça m'apporte

des documents pro et cohérents.

prochain cap

styles et gabarits réutilisables.

JavaScript

CODEcode

j'apprends

La base que je manie sous TypeScript : asynchronisme, manipulation du DOM, logique applicative.

preuve

Présent dans tous mes projets.

ce que ça m'apporte

comprendre ce qui se passe vraiment sous le capot.

prochain cap

patterns avancés et performances.

Node.js

CODEcode

j'apprends

L'environnement d'exécution de mes APIs et de mon outillage (scripts, seeds, build).

preuve

Back-end Brelio et scripts de ce portfolio.

ce que ça m'apporte

un seul langage du front au back.

prochain cap

streams et performances serveur.

Tailwind CSS

UIinterface

j'apprends

Mon outil de style au quotidien : utility-first, responsive, des tokens cohérents.

preuve

Tout ce portfolio et le front de Brelio.

ce que ça m'apporte

un style rapide et homogène.

prochain cap

design system et variantes avancées.

Drizzle

CODEstructure

j'apprends

L'ORM de ce portfolio : typé, minimal, et qui reste proche du SQL.

preuve

La couche données de ce site (Drizzle + Postgres).

ce que ça m'apporte

des requêtes typées sans surcouche lourde.

prochain cap

migrations et requêtes relationnelles complexes.

Linux / VPS

OPSdeploy

j'apprends

Je me forme à administrer un serveur : ligne de commande, services, déploiement d'apps sur un VPS.

preuve

Mise en place de l'hébergement de Brelio (en cours).

ce que ça m'apporte

de l'autonomie sur la prod.

prochain cap

durcissement, monitoring et sauvegardes.

Git

OPSdeploy

j'apprends

Mon réflexe de base : branches, commits lisibles, historique propre.

preuve

Tous mes projets, au quotidien.

ce que ça m'apporte

un travail traçable et réversible.

prochain cap

workflows d'équipe et CI.

// pipeline de fabrication

De l'idée à la mesure, une seule chaîne.

Chaque étape a ses outils. Touchez une étape pour la déplier — je ne saute pas de cases, c'est ce qui me permet de livrer petit, mais entier.

- IAPRODUCT
  J'intègre l'IA dans ma façon de travailler : je délègue les tâches répétitives et j'affine une documentation qui rend les modèles plus efficaces à chaque passage.

// interconnects

Les ponts entre deux modules.

Ce que je sais faire seul est intéressant. Ce que je sais relier l'est davantage. Touchez une carte pour la retourner.

// system summary

Si vous recrutez, la version courte.

Pas de jeune diplômé dynamique passionné par le code depuis ses huit ans. Juste ce que je peux apporter aujourd'hui, et ce que je renforce ces prochains mois.

ready[6]ce que j'apporte

JavaScript — comprendre ce qui se passe vraiment sous le capot.
TypeScript — moins de bugs en production, un code plus lisible.
Tailwind CSS — un style rapide et homogène.
React — des interfaces maintenables et cohérentes.
Photoshop — une identité visuelle soignée.
Git — un travail traçable et réversible.

wip[4]ce que je renforce

Linux / VPS — durcissement, monitoring et sauvegardes.
Docker — orchestration (Traefik) et provisioning automatisé.
Drizzle — migrations et requêtes relationnelles complexes.
After Effects — expressions et automatisation des animations.

profile[4]pourquoi ça vaut un café

Hybride. — Code + design + motion + produit dans la même tête, sans relais.
Autonome. — J'apprends à héberger, déployer et débuguer ce que je construis.
Honnête. — Je marque clairement ce que je maîtrise et ce que je renforce.
Itératif. — Je préfère livrer petit, mesurer, recommencer.

// execute

Vous voulez voir ça en projet réel ?

Les modules ci-dessus, vous pouvez les voir en action — en ouvrant un projet, en testant le terminal du site, ou en m'écrivant directement.

projets

Je conçois, je code, j'anime.

Pas une stack. Un cockpit.

TypeScript

React

Next.js

NestJS

PostgreSQL

Prisma

Docker

IA

Photoshop

Illustrator

After Effects

InDesign

JavaScript

Node.js

Tailwind CSS

Drizzle

Linux / VPS

Git

De l'idée à la mesure, une seule chaîne.

Les ponts entre deux modules.

Concevoir le visuel, puis le coder.

Écouter le terrain avant de coder.

Construire et déployer soi-même.

Déléguer le répétitif à l'IA.

Si vous recrutez, la version courte.

Vous voulez voir ça en projet réel ?

Voir les projets

Ouvrir le terminal

Écrivez-moi

Pas une stack. Un cockpit.

De l'idée à la mesure, une seule chaîne.

Les ponts entre deux modules.

Concevoir le visuel, puis le coder.

Écouter le terrain avant de coder.

Construire et déployer soi-même.

Déléguer le répétitif à l'IA.

Si vous recrutez, la version courte.

Vous voulez voir ça en projet réel ?

Voir les projets

Ouvrir le terminal

Écrivez-moi

Vous voulez voir ça en projet réel ?