35 lines
2.4 KiB
Plaintext
35 lines
2.4 KiB
Plaintext
<section class="section">
|
|
<div class="container">
|
|
<div class="header"></div>
|
|
<h1 class="title is-1">
|
|
My Music Library
|
|
</h1>
|
|
<p class="subtitle">
|
|
Retrouvez votre cdthèque partout depuis votre PC ou votre smartphone.
|
|
</p>
|
|
<p>
|
|
<strong>My Music Library</strong> est un site web permettant de sauvegarder votre liste des CDs ou Vinyles et de la retrouver facilement et n'importe ou !
|
|
<br />
|
|
Le code source est publiée sous licence <a href="https://www.gnu.org/licenses/gpl-3.0-standalone.html" target="_blank" rel="noopener noreferrer">GNU GPL-3.0-or-later</a>. Le code source est librement accessible sur <a href="https://git.darkou.fr/dbroqua/MyMusicLibrary" target="_blank">git.darkou.fr</a>.
|
|
</p>
|
|
<h2 class="title is-2">
|
|
Pourquoi ?
|
|
</h2>
|
|
<p>
|
|
<strong>My Music Library</strong> est né d'un besoin personnel lorsque ma collecion de CD est devenu un peu trop grosse pour m'en souvenir et après avoir acheté par accident plusieurs fois le même CD…
|
|
<br />
|
|
Il était donc temps de trouver une solution ! Il existe plusieurs logiciel de gestion de librairies musicales mais, à ma connaissance, aucun facilement accessible via internet (genre calé sous la couette ou dans un magasin de musique 😜).
|
|
</p>
|
|
<h2 class="title is-2">
|
|
Comment ?
|
|
</h2>
|
|
<p>
|
|
Alors là clairement j'ai pas trop réfléchi… <a href="https://nodejs.org/" target="_blank" rel="noopener noreferrer">NodeJS</a> forcément, déformation pro 😅.
|
|
<br />
|
|
Pour la base de données je suis parti sur <a href="https://www.mongodb.com/" target="_blank" rel="noopener noreferrer">MongoDB</a> qui me semblait être le plus logique pour stocker une telle collection sans avoir plein de relations dans tous les sens (artiste, pays, genre, style etc…).
|
|
<br />
|
|
Pour le front j'ai voulu innover en n'utilisant pas <a href="https://jquery.com/" target="_blank" rel="noopener noreferrer">jQuery</a> et <a href="https://getbootstrap.com/" target="_blank" rel="noopener noreferrer">Boostrap</a> mais <a href="https://vuejs.org/" target="_blank" rel="noopener noreferrer">VueJS</a> et <a href="https://bulma.io/" target="_blank" rel="noopener noreferrer">Bulma</a> !
|
|
</p>
|
|
|
|
</div>
|
|
</section> |