A small project to navigate the songs of Deezer
View Demo
Table of Contents
This is a one page application that shows you the most played musics of Deezer. With it you can search the catalog and save your favorite ones in a list. The list isn't persistent and it don't play the previews of the musics yet, but the link for the full song works. You can check it live here.
Just clone this repo and install it using npm.
To run this project you need NodeJS (developed with v14.17.5)
- Clone the repo and enter the folder
git clone https://github.com/Aledosim/short-listen cd short-listen - Install NPM packages
npm install
To view the page locally run the development server
npm startRight now Deezer API responses don't have access-control-allow-origin headers. If you find troubles with CORS, try some extension for your browser. More info.
To run the unit tests execute
npm testTo run the integration tests, run after lauching the development server
npm run cypress:runDistributed under the GPL3 License. See LICENSE for more information.
Alexandre do Sim - LinkedIn - [email protected]
Project Link: https://github.com/Aledosim/short-listen
This application is a Manipulaê junior front-end development challenge.
For this project I learned to use Redux, Styled Components and Axios. I had some difficulty structuring the Redux slices, but I discovered that it was a problem in the division of responsibilities. Redux is a great tool which guide somehow our work with his archtecture and with a lot of things to learn about it. Axios is a library easy to learn and use, with great documentation.
Right now in love with Styled Components. The possibilities to create dynamic interfaces are huge and I just started to have fun with it.
- Implement music player (to listen the tracks preview)
- A more robust API client
- Better interface design