Musée de projets

Recode Station F

Reproduction d’une landing page existante pour travailler la structure HTML, la grille CSS et la responsivité sans framework.

HTML CSS Responsive

🔒 Local only – intégration d’entraînement

Premier exercice d’intégration

Mise en page simple avec header, sections, footer et premiers principes de hiérarchie visuelle (titres, paragraphes, boutons).

HTML CSS Structure

🔒 Local only – exercice de base

🎲 Jeu de dés

Mini-jeu en JavaScript vanilla : gestion d’état, tour par tour, conditions de victoire et interactions DOM pour l’affichage en temps réel.

JavaScript DOM Events

Voir la démo

Mini-jeux JavaScript

Série de petits jeux (deviner un nombre, pile ou face, etc.) pour travailler la logique, les conditions, les boucles et le feedback utilisateur.

JavaScript Scoring UI

🔒 Local only – exercices logiques

⭐ FC Provence – Site de club

Application full-stack moderne (React + Node/Express + SQL) pour gérer équipes, matchs, joueurs et back-office administrateur avec API REST structurée.

React Node.js/Express SQL

🚧 En cours – déploiement prévu début 2026

⭐ Alpaguide – Landing page SaaS

Landing page orientée conversion : storytelling, sections marketing, formulaires CTA/bêta, SEO travaillé et intégration d’un système de mailing côté back.

HTML/CSS JavaScript SEO

Voir la démo

⭐ NFT Collection – Starter Pack

Galerie NFT modulaire en TypeScript : chargement dynamique des métadonnées JSON, affichage responsive, préparation à l’intégration de smart contracts et connexion wallet.

TypeScript Web3 CI/CD

Voir la démo

⭐ EcoRide – Covoiturage écoresponsable

Plateforme full-stack : gestion des comptes, covoiturages, crédits, avis (SQL + JSON), dashboards multi-rôles (utilisateur, employé, admin) et système d’emails automatisés.

PHP MySQL NoSQL

Voir la démo

Starter Kits Web3

Création de bases techniques pour accélérer le dev Web3 : architecture claire front + smart contracts, intégration wallet, gestion des interactions on-chain, et environnement de test Hardhat.

Solidity Hardhat Wallet

Coming soon

Contributions open source Web3

Participation à de petits projets Web3 open source : correction de bugs, amélioration de la documentation, tests de starter kits Solidity et intégration front pour des DApps en cours de développement.

Web3 Open source Solidity / TS

Voir mes contributions

TrackBuild – Timer multi-projets

Application front en TypeScript pour suivre le temps passé par projet : gestion des sessions, historique, calculs automatiques et persistance via LocalStorage.

TypeScript LocalStorage UI

Voir la démo

Blog Web3 – CMS maison

Blog complet avec back-office : CRUD articles, gestion des catégories, authentification et séparation claire entre logique métier et vues.

PHP SQL CRUD

Voir la démo

Messagerie privée

Application de messagerie multi-utilisateurs : architecture MVC PHP, requêtes asynchrones avec Fetch, rafraîchissement des conversations et gestion des comptes.

PHP MySQL Fetch API

Voir la démo

Code & Co Solutions – Vitrine

Première version du site vitrine pour mon activité freelance : positionnement, présentation des services et mise en place d’une base de design system.

HTML CSS Branding

🔒 Local only – version de travail

Combat RPG – moteur de jeu TypeScript

Prototype de jeu au tour par tour : classes pour les personnages, gestion des points de vie, attaques, coups critiques et logs de combat.

TypeScript Node.js Game Logic

🔒 Local only – POC TypeScript

Sandbox Node.js vanilla

Environnement d’expérimentation avec les modules natifs : fs, path, http, events. Création de petits serveurs, gestion de fichiers et routing sans framework.

Node.js fs/http CLI

🔒 Local only – tests Node natif

Node Playground – Express

Sandbox pour tester des APIs Express : routes REST, middlewares, gestion d’erreurs, CORS et appels front avec Fetch pour comprendre le cycle complet requête/réponse.

Node.js Express API

🔒 Local only – environnement d’entraînement

Exercices TypeScript

Série d’exercices pour maîtriser les types, interfaces, generics et classes. Focalisé sur la robustesse du code et la lisibilité long terme.

TypeScript Types Generics

🔒 Local only – montée en compétences

Exercices JavaScript

Petits scripts pour travailler callbacks, fonctions anonymes, récursivité, gestion d’array et manipulation du DOM sans dépendances externes.

JavaScript ES6+ Algorithmes

🔒 Local only – entraînement quotidien