PlayList

STATUS: Concluído

Sobre o projeto • Tecnologias • Como executar o projeto •

💻 Sobre o projeto

PlayList é um projeto que utiliza a Deezer Api para listar as músicas mais tocadas no momento. As músicas são exibidas em cartões dispostos na página contendo a capa do álbum, título, cantor, durações, botão para acessar a música completa no Deezer, botão play/pause para ouvir a prévia da música e botão para adicionar/remover a música na lista de músicas favoritas. No cabeçalho da página inicial, há uma entrada de campo de pesquisa que exibe o resultado relacionado ao texto pesquisado.

---

🛠 tecnologias

As seguintes ferramentas foram utilizadas na construção do projeto:

Website ReactJs https://reactjs.org/

• Router
• Axios
• Redux
• Styled Components
• Hooks

🚀 Como executar o projeto

Antes de começar, você precisará ter instalado em sua máquina o Git.
Além disso, é bom ter um editor para trabalhar com o código como VSCode

Devido às regras do Deezer é necessário usar a extensão Allow CORS: Access-Control-Allow-Origin (https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf/related) para utilizar a API e poder solicitar os dados que serão utilizados durante a aplicação.

Instale as dependências

$ npm install

Execute no modo de desenvolvimento

$ npm start

No diretório do projeto, você pode executar:

Rode o app no modo desenvolvedor.
Abra (http://localhost:3000) para vizualizar no navegador.