RetroGameCollec

Application pour collectionneurs de jeux vidéo rétro

Juin 2025

Next.jsMongoDBIGDB APITypeScript
← Retour à l'accueil

À propos du projet

RetroGameCollec est une application personnelle conçue pour aider les collectionneurs de jeux vidéo rétro à organiser, rechercher et partager leur ludothèque. Née d'un besoin concret (éviter les achats en double), elle centralise la gestion des collections, la découverte de titres emblématiques et l'interaction communautaire.

L'application propose un cœur de fonctionnalités essentielles gratuites et une vision d'abonnement léger pour des options avancées. J'ai porté le produit de l'idée à une version opérationnelle, en travaillant l'UX pour la consultation rapide des jeux, l'import de jaquettes, la classification par console/année/rareté et le partage public de collections.

Fonctionnalités principales

Gestion de collections

Organisation complète de sa ludothèque avec recherche et filtres avancés

Découverte de titres

Exploration de jeux emblématiques par console, année et rareté

Import de jaquettes

Système d'import automatique des visuels depuis l'API IGDB

Partage communautaire

Partage public de collections et interaction entre collectionneurs

Classification avancée

Système de tags par console, année, rareté et état

SEO optimisé

Référencement naturel pour accroître la découverte organique

Technologies utilisées

Frontend

  • • Next.js (App Router)
  • • Composants réutilisables
  • • State management léger
  • • Accessibilité
  • • UI responsive

Backend

  • • Next.js (routes API)
  • • Endpoints REST sécurisés
  • • Validation des schémas
  • • Rate limiting
  • • Authentification

Données & Intégrations

  • • MongoDB
  • • IGDB API
  • • Auth client-credentials
  • • Normalisation des champs
  • • Mise en cache

Architecture technique

Base de données

  • • MongoDB pour utilisateurs, profils, collections
  • • Indexation et agrégations pour requêtes rapides
  • • Modélisation optimisée pour les collections
  • • Gestion des préférences utilisateur

Performance

  • • Caching applicatif et CDN
  • • Images optimisées
  • • Pagination et infini-scroll
  • • Lazy-loading

Défis techniques

Intégration IGDB API

L'intégration de l'API IGDB a nécessité une authentification client-credentials et la normalisation des données pour assurer la cohérence avec notre modèle de données.

Gestion des collections

La conception d'un système flexible pour gérer différents types de collections tout en maintenant les performances a été un défi majeur.

SEO et performance

L'optimisation pour le référencement naturel tout en maintenant une expérience utilisateur fluide a nécessité un équilibre entre SSG/ISR et dynamisme.

Apprentissages

Ce projet m'a permis de développer une application complète de A à Z, de la conception initiale au déploiement. L'utilisation de Next.js 15 avec l'App Router a été particulièrement enrichissante pour comprendre les nouvelles approches de développement web.

L'intégration d'APIs tierces et la gestion de données complexes m'ont appris l'importance de la normalisation et de la validation des données. La conception UX pour un public spécialisé (collectionneurs) a également été un défi intéressant.

Ce projet démontre ma capacité à créer des solutions complètes et à gérer des projets personnels de bout en bout, compétences précieuses pour ma carrière de développeur.