Portfolio · Projet

Site web rétro pour collectionneur de jeux vidéo

Application web pensée comme un faux système d’exploitation rétro. C'est un outil ludique pour gérer une collection de consoles et de jeux vidéo. L’interface reprend les codes des vieux écrans CRT (scanlines, néons, fenêtres 8-bit) tout en restant pleinement utilisable sur desktop comme sur mobile.

Objectifs :

Proposer un outil pratique pour inventorier une collection de jeux et de consoles. Créer une expérience « OS rétro » immersive. Visualiser rapidement la valeur estimée de la collection et quelques statistiques clés.

Solution mise en place :

J’ai conçu une web app structurée en modules (Dashboard, Catalogue, Contact, Options), pilotée pour le côté front avec Alpine.js et tailwind CSS et pour le back Django. Le design repose sur une grille simple, des fenêtres à bordures « 8-bit », une typo pixel et plusieurs thèmes colorés (vert terminal, ambre, cyber blue, high-contrast).

Techniquement, l’application est construite en HTML/CSS avec TailwindCSS pour la mise en page et Alpine.js pour les effets dropbox etc et Django pour la logique.

Points clés :

• Dashboard présentant chaque console avec indices de jouabilité, fiabilité, rareté et barres de progression.
• Module COLLECTION_DATABASE avec recherche par titre, filtre par plateforme et tableau récapitulatif.
• Formulaire d’ajout d’un nouveau jeu (plateforme, région, état, valeur estimée) avec génération automatique d’ID et mise à jour de la valeur totale.
• Module d’options pour changer de thème, régler l’intensité des scanlines, activer/désactiver l’effet CRT et modifier l’identifiant utilisateur.
• Système de notifications type « terminal » (toasts) pour confirmer l’envoi du message, l’export JSON ou l’ajout d’entrées.

Résultats :

L’application offre une expérience à mi-chemin entre outil de gestion et interface de jeu rétro.