TrybeTunes é um projeto desenvolvido durante o curso da Trybe para praticar os conceitos de React e Redux. O objetivo é criar uma interface de streaming de música que permite ao usuário pesquisar por artistas e álbuns, adicionar músicas à sua playlist favorita e ouvir trechos das músicas disponíveis na API do iTunes.
- Pesquisar por artistas ou álbuns na barra de busca
- Visualizar os resultados da pesquisa em cards com informações básicas
- Clicar em um card para ver mais detalhes sobre o artista ou álbum
- Adicionar ou remover músicas à playlist favorita
- Ouvir trechos das músicas na playlist favorita
- Ordenar a playlist favorita por nome ou duração
- React
- React Router
- API do iTunes
Para instalar e executar o projeto localmente, siga os seguintes passos:
- Clone o repositório usando
git@github.com:gabrielMatosBoubee/frontend-trybetunes.git- Entre na pasta do projeto usando
cd frontend-trybetunes- Instale as dependências usando
npm install- Inicie o servidor usando
npm start- Acesse a aplicação no navegador em
http://localhost:3000
- Crie as rotas necessárias para a aplicação
- Crie um formulário para identificação
- Crie um componente de cabeçalho
- Crie os links de navegação no cabeçalho
- Crie o formulário para pesquisar artistas
- Faça a requisição para pesquisar artistas
- Crie a lista de músicas do álbum selecionado
- Crie o mecanismo para adicionar músicas na lista de músicas favoritas
- Faça a requisição para recuperar as músicas favoritas ao entrar na página do Álbum
- Faça a requisição para recuperar as músicas favoritas e atualizar a lista após favoritar uma música
- Crie o mecanismo para remover músicas na lista de músicas favoritas
- Crie a exibição de perfil
- Crie o formulário de edição de perfil
Agradecemos à Trybe por nos proporcionar essa oportunidade de aprendizado e desenvolvimento de nossas habilidades como desenvolvedores web.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent