Trybetunes

Índice

• Descrição
• Próximos passos
• Habilidades desenvolvidas
• Funcionalidades
• Ferramentas
• Como usar online
• Como usar no ambiente local
• Autor

📄 Descrição

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.

🚧 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.

💡 Habilidades desenvolvidas

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.

✨ Funcionalidades

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

🛠️ Ferramentas

Ver mais

• HTML 5
• CSS 3
• JavaScript ES6+
• React.js
• React Router
• React icons
• Github Pages

📶 Como usar online

Deploy

O deploy desse projeto foi feito na plataforma Github Pages. Para usar a aplicação, basta clicar no link abaixo:

https://leo02452.github.io/trybetunes/#/

💻 Como usar no ambiente local

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:

• Node.js (v16)
• Git

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

📝 Autor

Desenvolvido por Leonardo Araujo

Email: [email protected]

Github: https://github.com/Leo02452

LinkedIn: https://www.linkedin.com/in/leo02452/

---