Logo de Deezerstats

Deezertstats

DeezerStats est une application fullstack dédiée à l’analyse de l’historique d’écoute Deezer pour en extraire des statistiques détaillées.

Ce projet m’a permis d’explorer le traitement de larges fichiers, l'extraction et l'exploitation de ses données, et enfin la restitution de données via une interface intuitive.

Ce projet m’a permis de consolider mes compétences en développement fullstack, en gestion des flux de données, et en conception d’interfaces avec Nuxt.

Découvrir et tester l'application

Comme tout le monde ne possède pas de compte Deezer, j’ai mis à disposition un compte de démonstration permettant d’accéder à un aperçu de l’interface (encore en développement), après l’envoi et le traitement d’un fichier d’exemple.

Adresse mail
baned@example.com
Mot de passe
2e2#5W1eMJNik&Fr!3Lz2PPmO7y$K8*a

Stack technique

  • Nuxt
  • Nitro
  • Supabase
  • Scss
  • Tailwind

J'ai pu créer l'interface front avec Nuxt. Le serveur intégré avec Nuxt : Nitro m'a permis de gérer la récupération du fichier d'historique et son traitement pour l'envoyer proprement à la base de données Supabase.

Supabase, en plus du stockage et de la restitution des données, m'a permis de gérer l'authentification ainsi que l'affichage en temps réel de l’état d’analyse du fichier d'historique grâce à sa fonctionnalité de Realtime.

Concernant le style, j'ai commencé par habitude avec Scss. En cours de route j'ai voulu essayer Tailwindcss. Je prévois désormais de migrer totalement dessus.

Illustrations

Roadmap

Authentification
Interface utilisateur et implémentation de l'authentification avec Supabase pour se connecter à l'application
Dashboard
Dashboard principal avec les statistiques d'écoute les plus importantes. Connexion à l'api deezer pour récupérer les affiches et dates de sortie.
Pages détails
Pages dédiées avec informations plus détaillées et statistiques spécifiques pour chaque album, morceau et artiste
Page profil
Page de profil pour gérer les données personnelles et paramètres
Social
Fonctionnalités sociales pour partager et découvrir les goûts musicaux entre utilisateurs
API Deezer
Intégration temps réel avec l'API officielle Deezer pour des statistiques mises à jour
Step 1 of 0

Me contacter