Projet synthèse de Programmation d'interface Web

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.

Fonctionnalités

1. Application responsive
2. Changement de " page " sans actualiser le navigateur
3. Utilisation d'une structure apprise en classe à l'aide de Vue.js
4. Liste de chansons chargée depuis un fichier JSON
5. Affiche la liste des chansons ainsi que le titre, l'auteur et la durée
6. Formater la durée
7. Afficher une version détaillée de la chanson
8. Ajout d'un champ textuel qui indique la progession d'une chanson
9. Modification du volume
10. Champ de recherche qui filtre la liste des chansons (titre/artiste)
11. Un bouton Play et un bouton Pause pour faire jouer et arrêter la chanson

Inspiration

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.

Autres

1. Utilisation de Vue.js
2. CSS/SASS réalisé par moi
3. Images prises sur https://giphy.com/