Mes Projets
Des applications complètes, de l'interface à la base de données, conçues pour répondre à de vrais besoins.
01Projet personnelFull-stack
House of Orga
Films, séries, animes, mangas, livres, jeux et tâches réunis dans une seule application, triés par un score de priorité.
Le besoinRépondre à une question simple : « j'ai du temps libre, je fais quoi ? »
- Score de priorité calculé automatiquement (diffusion en cours, proches qui suivent, étiquette, boost)
- Autocomplete avec affiches via TMDB, RAWG et Google Books — clés API gardées côté serveur
- Mode Session : suggestions selon le temps disponible, de 30 min à une journée
- Glisser-déposer, filtres et page de statistiques
- Authentification, export / import JSON avec sauvegarde automatique avant remplacement
- Tests frontend et backend, intégration continue GitHub Actions
- React
- Vite
- Tailwind CSS
- Node.js
- Express
- MySQL
- TMDB / RAWG / Google Books
- GitHub Actions
02Projet personnelFull-stack
Marvel MVP Tracker
Une « salle des trophées » pour Marvel Rivals : chaque MVP obtenu sur un héros est validé avec sa capture d'écran.
Le besoinSuivre sa progression sur les 53 héros du jeu, preuves à l'appui, et pouvoir la partager.
- Comptes utilisateurs : mots de passe hachés (PBKDF2), sessions en cookie, limitation de débit
- Upload de captures compressées puis stockées en base
- Tableau de bord : progression globale et par rôle, derniers trophées
- Vitrine publique partageable avec image Open Graph générée
- Espace d'administration (utilisateurs, réinitialisation de mot de passe)
- Next.js
- React
- JavaScript
- MySQL
- Vercel
03E-commerceExpérimental
Shinkansen Store
Boutique en ligne de mangas : un frontend React qui consomme sa propre API REST Express.
Le besoinConstruire le parcours complet d'un site e-commerce, du catalogue à la commande, côté client comme côté administrateur.
- Catalogue avec recherche, filtre par catégorie, tri et fiches produit
- Panier, commande avec adresse de livraison, paiement simulé
- Inscription, connexion et routes protégées par rôle (acheteur / admin)
- Back-office : gestion des mangas, upload de couvertures redimensionnées côté serveur
- Import de fiches depuis l'API Open Library, thème clair / sombre
- React
- Vite
- React Router
- Node.js
- Express
- Multer / Sharp
Démo en ligne : interface uniquement, l'API n'y est pas encore déployée.
04Projet personnelFull-stack
MPP World Cup
Plateforme de pronostics sur la Coupe du Monde 2026, jouée entre amis avec des points virtuels — aucun argent réel.
Le besoinAnimer une compétition de pronostics sans tableur ni calculs à la main.
- Comptes joueurs rattachés à une ligue, capital virtuel de départ, profils et avatars
- Paris sur chaque match avec cotes, gain potentiel calculé en direct, alerte de pari à risque
- Classement général et classements spéciaux (plus gros gain, meilleure série…)
- Synchronisation des matchs, scores et cotes depuis des APIs externes
- Verrouillage des matchs et résolution des paris automatiques, console d'administration
- React
- TypeScript
- Vite
- Tailwind CSS
- Supabase / PostgreSQL
- Vercel
Premiers projets
Mes premières réalisations en HTML, CSS et JavaScript.
Cinetech
Catalogue de films et séries alimenté par l'API TMDB : recherche, pagination, fiches détaillées, favoris et commentaires.
- JavaScript
- API TMDB
- HTML / CSS
Fansite Death Note
Site vitrine multi-pages consacré à Death Note : actualités, galerie, vidéos, contact et menu mobile.
- HTML / CSS
- Tailwind CSS
- JavaScript
Marvel Rivals Roulette
Tirage aléatoire de héros filtré par rôle, avec recherche, option anti-répétition et historique des tirages.