/TrybeTunes

Pesquisar músicas, ouvir uma prévia e adicionar aos favoritos!

Primary LanguageJavaScript

Bem-vindo ao meu Projeto TrybeTunes

O que foi desenvolvido

Neste projeto eu desenvolvi o TrybeTunes, uma aplicação capaz de reproduzir músicas das mais variadas bandas e artistas e criar uma lista de músicas favoritas. Essa aplicação é 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;

Habilidades que desenvolvi/aprimorei ao longo do TrybeTunes

Neste projeto, fui capaz de:

Hard Skills

  • 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;

Soft Skills

  • Exercitar a comunicação ao tirar dúvidas de colegas e ao esclarecer minhas próprias dúvidas com os mesmos(cabe ressaltar que o projeto foi desenvolvido individualmente, porém a Trybe estimula que mesmo em projetos individuais, os alunos se comuniquem entri si para o aprendizado mútuo, mas sempre tendo em vista as regras de Honestidade Intelectual na Trybe);
  • Ir em busca de outras soluções para problemas estruturados;
  • Gerenciar o tempo de forma a não comprometer o prazo de entrega do projeto;
  • Responsabilidade com o foi requisitado, saber o momento de tirar dúvidas para assim não comprometer a entrega dos requisitos;

Desenvolvimento

Neste projeto fui capaz de me desafiar bastante tanto no JavaScript em si, como também em React, React-Router e no uso do estado local dos componentes. Para mim, o principal diferencial desse projeto foi poder ajudar outros colegas, entender o que eles precisavam e como eu poderia ajudá-los a partir do que eles já tinham desenvolvido.