🎵🎶💃 Boas-vindas ao repositório do projeto Trybetunes!🕺🥳🎧 🎼

Habilidades necessárias

📝 Habilidades

Neste projeto, foram solidificados os seguintes conhecimentos:

• 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

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

O que é a aplaicação ?

🏪 Desenvolvimento

Neste projeto desenvolvi 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 é 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;

Protótipo do projeto

Você pode acessar um protótipo no link abaixo:

https://www.figma.com/file/BDQgAJvOe4KNUjmrYh5t68/TrybeTunes-Figma

Como rodar na sua máquina ?

‼️ Teste em sua máquina

1. Clone o repositório

• Use o comando: git clone git@github.com:Matheusfull/Project-10-Front-end-Trybetunes.git.
• Entre na pasta do repositório que você acabou de clonar:
  • cd Project-10-Front-end-Trybetunes

2. Instale as dependências

• npm install .

3. Rode a Aplicação

• npm start.