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
- 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;
- Front - Aula 4.1 - Ciclo de Vida de Componentes e Rotas no React - Ciclo de Vida de Componentes
- Front - Aula 4.2 - Ciclo de Vida de Componentes e Rotas no React - Rotas
- Front - Aula 4.2 - Revisão da Aula 4.2
- 3.1- Componentes com estado e eventos
- 3.2 - Academia Front: Prop Drilling
- 3.4 - Tudo que você precisa saber sobre props
- 4.1 - Aulão de Revisão de Fundamentos
- 4.2 - Revisando Ciclo de Vida
- Travei em algum requisito, e agora? Aqui você pode acessar o nosso check-list direcional com o passo a passo até você pedir ajuda.
- Você está precisando de ferramentas para desenvolver seu raciocínio lógico? Reforço, aqui, alguns sites pra você treinar a sua lógica de programação: RackerRank; GodinGame e CodeWars. Dica: para navegar pelos sites em português, basta adicionar a extensão do Google Tradutor ao seu Google Chrome.
- Você já ouviu falar em Âncoras de Carreira? É um teste de perfil comportamental, que nos ajuda a entender o que nos move na vida profissional e auxilia nas decisões de carreira. Acesse aqui esse conteúdo da Trybe sobre o assunto, divulgado no Trybe News dessa semana.
- Mural de Soft Skills - Tribo A | Tribo B
- Onde encontrar conteúdos relevantes no Slack - Tribo A | Tribo B
- React Developer Tools - Pedro (Sincero)
- Dica de Organização com o Trello - Tribo A | Tribo B - Nicolas Douglas Lima Costa (Tribo A)
- Pra gente que sofre com erros 'simples' dos linters- João Felipe Zini (Tribo B)
- Dica para o React - Chega de loading estático- Cauê Peruque (Tribo B)
- Dica para o VSCODE: Habilitar autocorreção do Lint ao salvar o arquivo - Leonardo Santos (Tribo A)
- Vídeo Sobre React - Taline Churman (Tribo A)
- Para quem está com dificuldades no React - Paloma Wink (Tribo A)
- Tecnologia atuando na inclusão e diversidade- João Victor Franco Rodrigues (Tribo B)
- Duas ótimas conexões para o Linkedin - Tribo A | Tribo B - Felipe Lima Coelho (Tribo A)
- Dica para o SOBRE do Linkedin - Tribo A | Tribo B - Rafa Plinta (Tribo B)
- 20 dicas de um programador com 20 anos de experiência - Tribo A | Tribo B - Clinton Brito (Tribo B)
- Abrir o PR para esse projeto
- Criar seu cronograma de planejamento, use como base a seção 3 e 4 de Frontend
-
1. Crie as rotas necessárias para a aplicação
-
2. Crie um formulário para identificação
-
3. Crie um componente de cabeçalho
-
4. Crie os links de navegação no cabeçalho
-
5. Crie o formulário para pesquisar artistas
-
6. Faça a requisição para pesquisar artistas
-
7. Crie a lista de músicas do álbum selecionado
-
8. Crie o mecanismo para adicionar músicas na lista de músicas favoritas
-
9. Faça a requisição para recuperar as músicas favoritas ao entrar na página do Álbum
-
10. Faça a requisição para recuperar as músicas favoritas e atualizar a lista após favoritar uma música
-
11. Crie o mecanismo para remover músicas na lista de músicas favoritas
-
12. Crie a lista de músicas favoritas
-
13. Crie a exibição de perfil
-
14. Crie o formulário de edição de perfil
O projeto possui 11 requisitos obrigatórios, para ser aprovado dentro do prazo regular vai ser necessário fazer no mínimo 9 dos 11 requisitos obrigatórios.
- Dúvidas comuns - Se outras pessoas tiveram, é possível que você também tenha!
- Ao rodar o
npm install,npm start,npm test, ter certeza que entrou na pasta correta do projeto; - Lembrar de definir os
propTypesem cada componente que estiver recebendoprops; - Colocar a
keysempre que estiver renderizando uma lista de elementos HTML no React;
- Ao rodar o
Ao final desse projeto, você vai ter uma aplicação muito estruturada usando boas práticas de desenvolvimento e que pode (e deve) ser compartilhado com muito orgulho no seu Linkedin. Portanto, vamos com tudo para esse projeto!