🚙 Deezer App

📑 Descrição

Este projeto é uma aplicação web desenvolvida com React que permite pesquisar músicas e visualizar as mais populares utilizando a API do Deezer. O campo de busca permite uma busca utilizando o nome do artista, do álbum ou do titulo musical. Uma vez realizada a busca, serão listadas as músicas relacionadas ao texto digitado. Ele foi desenvolvido com TypeScript, garantindo uma maior segurança e organização do código, além de permitir uma melhor escalabilidade do projeto. O projeto também utiliza styled-components, permitindo uma maior flexibilidade no estilo da aplicação e tornando o desenvolvimento mais fácil e rápido.

Clique aqui para ver o design do projeto

Ps: O projeto não seguiu o design à risca, mas está fortemente baseado nele.

Você pode visualizar o projeto no ar clicando aqui

😀 Como utilizar

1. Clone o repositório:

  
    git clone https://github.com/Math-Vieira/deezer-app
  

2. Entre no repositório clonado e instale as dependências:

  
    npm install
  

3. Clone também o repositório abaixo e inicie o servidor antes de retornar para a aplicação react:

Clique aqui

4. Configure o .env:

Após realizar o passo 3, volte para a aplicação react e crie um arquivo .env como mostra o exemplo atualmente na aplicação. Você pode deixar a BASE_URL = http://localhost:8080/, já que é a porta onde o servidor estará rodando.

5. Inicie o servidor React

  
    npm start
  

Após realizar esta sequência de passos a aplicação já estará pronta para ser utilizada

🔨 Créditos

Matheus Vieira

💵 Licença

Este projeto está sob a licença MIT