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
Page d'accueil de Marvel MVP Tracker, « Salle des trophées »

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
Page d'accueil de Shinkansen Store, boutique en ligne de mangas

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.

Écran de connexion de MPP World Cup, plateforme de pronostics

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.