Projeto TrybeTunes! 🎧

Projeto desenvolvido por mim durante o curso de Desenvolvimento Web na Trybe. Divulgado aqui como portfólio de aprendizado.

Objetivos do projeto:

• Desenvolver uma aplicação capaz de reproduzir músicas das mais variadas bandas e artistas, criar uma lista de músicas favoritas e editar o perfil da pessoa usuária logada.
• Verificar se eu era capaz de:
  • Fazer requisições e consumir dados vindos de uma API.
  • Utilizar os ciclos de vida de um componente React.
  • Utilizar a função setState de forma a garantir que um determinado código só é executado após o estado ser atualizado.
  • Utilizar o componente BrowserRouter corretamente.
  • Criar rotas, mapeando o caminho da URL com o componente correspondente, via Route.
  • Utilizar o Switch do React Router.
  • Criar links de navegação na aplicação com o componente Link.

Requisitos do projeto:

• Criar as rotas necessárias para a aplicação.
• Criar um formulário para identificação.
• Criar um componente de cabeçalho.
• Criar os links de navegação no cabeçalho.
• Criar o formulário para pesquisar artistas.
• Fazer a requisição para pesquisar artistas.
• Criar a lista de músicas do álbum selecionado.
• Criar o mecanismo para adicionar músicas na lista de músicas favoritas.
• Fazer a requisição para recuperar as músicas favoritas ao entrar na página do Álbum.
• Fazer a requisição para recuperar as músicas favoritas e atualizar a lista após favoritar uma música.
• Criar o mecanismo para remover músicas na lista de músicas favoritas.
• Requisitos bônus:
  • Criar a lista de músicas favoritas.
  • Criar a exibição de perfil.
  • Criar o formulário de edição de perfil.

Rodando o projeto localmente

Para rodar o projeto em sua máquina, abra seu terminal, crie um diretório no local de sua preferência com o comando mkdir e acesse o diretório criado com o comando cd:

mkdir meu-diretorio &&
cd meu-diretorio

Clone o projeto com o comando git clone:

git clone git@github.com:marcosadrianoti/tb-trybetunes.git

Acesse o diretório do projeto com o comando cd:

cd tb-trybetunes

Instale as dependências executando:

npm install

Execute a aplicação:

npm run start

Para executar os testes:

npm test