A music website calling an existing API using react

Concept

This project was about creating a music website, calling an existing API (wildify – created by our teacher) using react, javascript, tailwind. We worked with agile method with a kanban board and daily points each morning.

Challenges:

  • the player had to keep playing while the user change pages
  • the player had to load the correct tracklist according to the music selected by the user
  • work on local storage to save the recently played musics and favorites music
  • group all the API calls
  • the drag and drop to upload musics and update the tracklists

Attention: necessité d’avoir le token api pour accéder à toutes les features

Tools

  • Concurrently : Allows for several commands to run concurrently in the same CLI
  • Husky : Allows to execute specific commands that trigger on git events
  • Vite : Alternative to Create-React-App, packaging less tools for a more fluid experience
  • ESLint : “Quality of code” tool, ensures chosen rules will be enforced
  • Prettier : “Quality of code” tool as well, focuses on the styleguide
  • _ Airbnb Standard_ : One of the most known “standards”, even though it’s not officially linked to ES/JS
  • Nodemon : Allows to restart the server everytime a .js file is udated

GitHub

View Github