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.
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
Affichage des groupes et albums à partir des API
Consultation des détails d’un groupe ou d’un album
Création de playlists personnalisées (ajout / suppression)
Stockage des playlists dans une base de données
Technologies utilisées
Front-end (v1) : HTML5, CSS3, JavaScript
Back-end : PHP 8
Base de données : MySQL
Front-end (v2) : Angular (refonte complète de l’interface)
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
La consommation et le traitement de données depuis une API
L’interaction entre front-end et back-end
La structuration d’un projet web full stack
Mes premières expériences avec Angular et les frameworks modernes