Find Tunes - Encontre as melodias que tocaram na sua vida 🎶

---

Sobre   |   Tecnologias   |   Configurações necessárias     |   Começando   |   Imagens    

🎯 Sobre

Esse foi um dos projetos que realizei na Trybe, nele desenvolvi o Find Tunes, 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;

🚀 Tecnologias

As seguintes tecnologias foram utilizadas no projeto:

• Reactjs | ^17.0.2
• React Router | ^6.3.0
• Bootstrap | ^5.2.1
• React Bootstrap | ^2.5.0
• Styled Components | ^5.3.5
• React icons | ^4.4.0
• Prop-types | ^15.7.2
• Eslint | ^7.31.0
• Stylelint | ^13.8.0

• Apple Music API

✅ Configurações necessárias

Necessário realizar as instalações:

• Ter Git para clonar o projeto.
• Ter NodeJS para rodar o projeto em ReactJS

🏁 Começando

Execute o comando git clone para realizar o clone do repositório

git clone https://github.com/andersonleite1/Tunes

Entre na pasta do repositório clonado

cd Tunes

Execute npm para instalar as dependências

npm install

Para iniciar a aplicação

npm start

🖼️ Imagens

Desktop (screenshot):

Tela de Login	Tela de Pesquisa

Tela de Album	Tela de Favoritos

Tela de Perfil	Tela de Editar Perfil

Mobile (screenshot):

Tela de Login	Tela de Pesquisa	Tela de Album

Tela de Favoritos	Tela de Perfil	Tela de Editar Perfil

Dê uma olhada como o projeto ficou! 👀

find-tunes.vercel.app