UHA 4.0octobre 2024
Projet fil rouge — Plateforme de playlists
Application web basée sur une API musique, puis refonte front-end en Angular.
HTML5CSS3JavaScriptPHP 8MySQLAngular
Contexte du projet
Ce projet a été réalisé dans le cadre du fil rouge de première année de ma Licence Professionnelle Métiers de l’Informatique à l’UHA 4.0.
L’objectif était de choisir une API publique parmi plusieurs thématiques proposées, puis de créer une application web complète exploitant ces données.
Besoin et objectif
J’ai choisi la thématique musique, qui proposait deux API distinctes :
Une API contenant les informations des groupes de musique
Une autre contenant les informations des albums liés à ces groupes
L’objectif de mon application était de permettre à l’utilisateur de créer des playlists musicales à partir des groupes et albums disponibles via l’API.
Fonctionnalités principales
- Intégration de deux API REST (groupes + albums)
- Création et gestion de playlists personnalisées
- Version 1 : HTML/CSS/JavaScript + PHP/MySQL
- Version 2 : refonte front-end complète avec Angular
- Interface responsive
Défis rencontrés
Ce projet m’a permis de découvrir la consommation d’API REST en JavaScript et en PHP.
L’un des principaux défis a été d’organiser l’affichage dynamique des données de manière fluide.
Refaire le front-end avec Angular m’a permis d’apprendre à utiliser des composants réutilisables, à gérer les services HTTP, et à structurer une application moderne avec une architecture solide.
Ce que j’ai appris
- Consommation d'API REST avec JavaScript et Angular
- Architecture de composants avec Angular
- Différences entre développement PHP traditionnel et SPA moderne
- Gestion des données asynchrones (Observable, HttpClient)
Vidéos du projet
Projet fil rouge — Plateforme de playlists - vidéo 1
En chargeant cette vidéo, vous acceptez la connexion à Google/YouTube, qui peut recevoir des données de navigation et utiliser des traceurs.
Confidentialité des vidéosAvis visiteurs
Chargement des avis...