THE TECH BEHIND THE WEBSITE
The goal was to create a music streaming app like Spotify and Deezer but I also had a huge prefrence to the way Soundcloud translated the songs into visual waves in their players' UI. Now with that idea in mind I problem was finding an API that will provide me with the songs and also find a solution to transform the songs into visual waves in the player ui section.
The first solution was using a Deezer api to get 30 second previews of the songs, on the other hand this data coming from the api had to be shared with different components of the app, therefore using Redux and the middlewear Redux-thunk is a good solution, because the middlewear handles actions that need an api call to be made and dispatch it depending on the results of the api.
To translate the songs to visual waves and set an authentification system for users, the library WavesurferJs was implemented for songs to visuals translition and Firebase was used as a solution for the authentification, backend, and deployment needs.
- ReactJs
- Firebase
- Redux
- Sass
- Axios
- WavesurferJs
- Pose