Découvrez et écoutez le Top 20 des musiques de la semaine sur YouTube !
Fonctionnalités • Technologies • Contributeurs
Music Charts - Vibz est une application web moderne qui vous permet de découvrir et d'écouter le Top 20 des musiques les plus populaires de la semaine sur YouTube. L'application propose une interface élégante et intuitive pour explorer les classements musicaux par pays, consulter les artistes, et créer votre propre collection de favoris.
- 🎯 Top 20 Hebdomadaire : Consultez le classement des 20 musiques les plus écoutées de la semaine
- 🎧 Lecteur Audio Intégré : Écoutez vos musiques préférées directement depuis l'application
- 🇫🇷 Classements Français : 🇫🇷🇫🇷
- 📅 Historique des Semaines : Explorez les classements des semaines précédentes
- Vue.js 3.5 - Framework JavaScript progressif
- TypeScript 5.9 - Typage statique pour JavaScript
- Vue Router 4.6 - Routage officiel pour Vue.js
- Pinia 3.0 - Gestion d'état moderne pour Vue
- Tailwind CSS 4.1 - Framework CSS utilitaire
- Vite 7.1 - Build tool ultra-rapide
- Node.js - Environnement d'exécution JavaScript
- Express 5.1 - Framework web minimaliste
- MySQL2 3.15 - Client MySQL pour Node.js
- Express-Session 1.17 - Gestion de sessions
- Bcrypt 6.0 - Hachage de mots de passe
- dotenv 17.2 - Variables d'environnement
- MySQL 8.0 - Système de gestion de base de données relationnelle
- Procédures stockées pour optimiser les requêtes complexes
- Nodemon - Rechargement automatique du serveur
- Vue DevTools - Outils de débogage pour Vue.js
- TypeScript Compiler - Compilation et vérification de types
music_charts/
├── backend/ # Serveur API Express
│ ├── src/
│ │ ├── config/ # Configuration de la BDD
│ │ ├── controller/ # Contrôleurs (logique métier)
│ │ ├── models/ # Modèles de données
│ │ └── index.js # Point d'entrée du serveur
│ └── package.json
├── frontend/ # Application Vue.js
│ ├── src/
│ │ ├── components/ # Composants réutilisables
│ │ ├── views/ # Pages de l'application
│ │ ├── router/ # Configuration du routeur
│ │ ├── stores/ # Stores Pinia
│ │ ├── models/ # Modèles TypeScript
│ │ ├── Services/ # Services API
│ │ └── main.ts # Point d'entrée de l'app
│ └── package.json
├── BDD/ # Scripts SQL
│ ├── bdd.sql # Schéma de la base de données
│ └── dump.sql # Données de test
└── README.md
Ce projet est un projet personnel open-source.
Fait avec ❤️ et 🎵 par l'équipe Music Charts
⭐ N'oubliez pas de mettre une étoile si vous aimez ce projet !