- Descrição
- Próximos passos
- Habilidades desenvolvidas
- Funcionalidades
- Ferramentas
- Como usar online
- Como usar no ambiente local
- Autor
Esse foi o meu terceiro projeto na Trybe usando React. O desafio proposto no projeto foi criar 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.
Indo além do que o projeto pedia, desenvolvi uma aplicação responsiva, deixando o site visualmente apropriado para diversos tamanhos de tela, desde celulares pequenos até notebooks.
O projeto inicial está finalizado, mas afim de aperfeiçoar ainda mais a aplicação, novidades serão implementadas e podem ser vistas no tópico de próximos passos.
Ver mais
- Testar a aplicação com a biblioteca RTL.
- Utilizar a biblioteca Redux para gerenciar melhor os estados da aplicação.
Ver mais
-
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.
Ver mais
✔️ 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
Deploy
O deploy desse projeto foi feito na plataforma Github Pages. Para usar a aplicação, basta clicar no link abaixo:
Pré-requisitos
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
Rodando a aplicação
1 - Clone esse repositório para sua máquina com o seguinte comando:
git clone [email protected]:Leo02452/trybetunes.git
2 - Entre na pasta criada:
cd trybetunes
3 - Instale as dependências:
npm install
4 - Execute a aplicação:
npm start
Desenvolvido por Leonardo Araujo
Email: [email protected]
Github: https://github.com/Leo02452
LinkedIn: https://www.linkedin.com/in/leo02452/