TrybeTunes

💻 Projeto

Terceiro projeto do módulo de Front-End desenvolvido no Curso de Desenvolvimento Web da Trybe. O objetivo era desenvolver uma aplicação web para salvar as músicas favoritas. A aplicação foi feita usando React e utilizando a API do iTunes pra obter as informações das músicas. O fundo da pagina foi feito o site haikei.app. O grande diferencial do meu projeto foi salvar foto de perfil no LocalStorage do usuário codificando a imagem em base64.

Link da aplicação: https://natanielsantos159.github.io/trybetunes

Demonstração

Habilidades

Neste projeto, verificamos se voce é capaz de:

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;

Screenshot

Rodando localmente

Clone o projeto

  git clone git@github.com:natanielsantos159/trybetunes.git

Entre no diretório do projeto

  cd trybetunes

Instale as dependências

  npm install

Inicie o projeto

  npm run start

Feedback

Se você tiver algum feedback, por favor entre em contato por meio de nathan.santos159@hotmail.com