trybetunes-project-pennaor.vercel.app
The project
-
Projeto de aprendizado desenvolvido ao longo do curso de desenvolvimento Web da Trybe.
-
O projeto se trata de uma aplicação capaz de reproduzir e manipular músicas de artistas vindas da API Itunes.
-
Usa localStorage para armazenar informações como informações de usuário e músicas favoritas.
Quick start
- Clone e mude para a pasta do repositório:
git clone git@github.com:pennaor/trybetunes-project.git
cd trybetunes-project
npm install
npm start
- Abra http://localhost:3000 com seu browser para ver o resultado.
Features
-
Fazer login e logout;
-
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;
Developed 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;
Tools
Trybe
- São de total autoria da Trybe:
- Funções que simulam o comportamento de uma API (músicas favoritas e usuário).
- Funções que buscam informações da API Itunes.
- Regras de ESLint e StyleLint.