Ce projet a été réalisé dans le cadre du cours de Programmation d'Interface Web de l'AEC Conception et Programmation Web du Cégep de Saint-Jérôme. L'objectif du projet était de créer un lecteur de pistes musicales de zéro.
- Application responsive
- Changement de " page " sans actualiser le navigateur
- Utilisation d'une structure apprise en classe à l'aide de Vue.js
- Liste de chansons chargée depuis un fichier JSON
- Affiche la liste des chansons ainsi que le titre, l'auteur et la durée
- Formater la durée
- Afficher une version détaillée de la chanson
- Ajout d'un champ textuel qui indique la progession d'une chanson
- Modification du volume
- Champ de recherche qui filtre la liste des chansons (titre/artiste)
- Un bouton Play et un bouton Pause pour faire jouer et arrêter la chanson
Les chansons présentes dans le fichier JSON m'ont inspirée à donner un style lo-fi à l'application. Les couleurs et les images sont choisies dans un style animé japonais afin de compléter l'esthétique.
- Utilisation de Vue.js
- CSS/SASS réalisé par moi
- Images prises sur https://giphy.com/