Projeto desenvolvido desenvolvido com REACT e utilizado como critério de avaliação do curso de desenvolvimento Web da Trybe
Neste projeto, verificamos se voce é 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
doReact Router
-
Usar o componente
Redirect
pra redirecionar para uma rota específica; -
Criar links de navegação na aplicação com o componente
Link
;
Neste projeto você irá criar o TrybeTunes, 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. Essa aplicação será capaz de:
- 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;
- Editar o perfil da pessoa logada;
Para garantir a qualidade do código, vamos utilizar neste projeto os linters ESLint
e Stylelint
.
Assim o código estará alinhado com as boas práticas de desenvolvimento, sendo mais legível e de fácil manutenção!
Vamos utilizar React Testing Library para execução dos testes unitários.
Esse framework de testes utiliza algumas marcações no código para verificar a solução proposta, uma dessas marcações é o atributo data-testid
e faremos uso dele aqui.