yaperson / Musique-web

Une PWA mélodieuse ;)

Home Page:https://yaperson.alwaysdata.net/musique/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CodeFactor

Version 2.0 - version en ligne 1.2.1

Musique-web

Une PWA mélodieuse ;)

Test avec Node.js

installer [`npm install`](https://www.npmjs.com/install)

lancer [`npm start`](https://www.npmjs.com/start) ou [`node server`]

Objectif : API

La première version de WeekSong est completement statique, il était donc compliqué d'ajouter des nouveau morceaux.

En effet, il fallait ajouter le morceau en format mp3 dans le dossier /musique/ et ajouter une image dans le dossier /img/ nommée nom_morceau.png. Ensuite, dans le fichier /js/script.js ajouter le morceau dans la liste des morceaux.

Un vrai calvaire, mais c'est fonctionnel.
Pour palier a ce problème, l'idée d'une API m'est venu en tête. Le principe est simple :

  • L'API qui permet de récupérer la liste des morceaux, le tout en scannant un répertoir donné.

Grace à cette méthode, il sufit de mettre un morceau dans ce répertoir, et il sera automatiquement ajouté à la liste.
L'objectif est maintenant de faire la même chose pour les images et faire en sorte de pouvoir ajouter des morceau et leur images grace a une interface d'administration.

Fonctionnement de l'API

API rest fonctionnant avec Node.js (express, fs, body-parser).

  • GET /music/musicRepertory : récupère la liste des morceaux


Deux mots sur l'addaptation au mobiles

L'objectif est de rendre la PWA 100% compatible avec les mobiles, de tout faire pour la faire ressembler a une native application.
Objectif qui parait simple mais qui s'avère plus complexe que prévu. Il faut prendre en compte tous les evenement qui peuvent arriver dans une application mobile (swipe, touchevent). Je commence a peine a prendre en compte ces point au quels je n'avais pas pensé, ils arrivent donc tard dans le developpement de la PWA.

About

Une PWA mélodieuse ;)

https://yaperson.alwaysdata.net/musique/


Languages

Language:JavaScript 49.6%Language:HTML 27.6%Language:CSS 22.8%