Trybetunes

O TrybeTunes é uma simulação do famoso Spotify, capaz de reproduzir músicas das mais variadas bandas e artistas e criar uma lista de músicas.

Observações inicias

Esta aplicação é um dos diversos projetos realizados durante meu período de estudos no curso de desenvolvimento Web na Trybe.

Todos os arquivos ou funções que não foram desenvolvidos por mim foram removidos do projeto, através de um script da própria Trybe, com o intuito de manter a integridade dos direitos autorais das partes.

Você pode acessar os termos de uso através desse link.

Rodando localmente

Clone o projeto:

  git clone https://github.com/Caiopadilha2/Tryunfo-Trybe

Entre no diretório do projeto:

  cd Tryunfo-Trybe

Instale as dependências:

  npm install

Inicie o servidor:

  npm start

Ferramentas

Bibliotecas	Documentação
React	https://pt-br.reactjs.org/
PropTypes	https://www.npmjs.com/package/prop-types
React Router	https://v5.reactrouter.com/web/guides/quick-start
ESLint	https://eslint.org/
JavaScript	https://developer.mozilla.org/pt-BR/docs/Web/JavaScript

Funcionalidades

• Fazer login.
• Pesquisar por uma banda ou artista.
• Listar os álbuns disponíveis dessa banda ou artista.
• Visualizar as músicas de um álbum selecionado.
• Reproduzir uma prévia das músicas deste álbum.
• Favoritar e desfavoritar músicas.
• Ver a lista de músicas favoritas.
• Ver o perfil da pessoa logada.

Habilidades adquiridas

Neste projeto, fui avaliado 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.

• Usar o componente Redirect pra redirecionar para uma rota específica.

• Criar links de navegação na aplicação com o componente Link.