Este projeto tem o objetivo de facilitar a reprodução de músicas mais populares do momento, proporcionando uma experiência melhor para o cliente.
✅ React - Biblioteca JS.
✅ Typescript - Para fazer a tipagem
✅ Material UI - Biblioteca de estilos.
✅ Redux Toolkit - Conjunto de ferramentas para simplificar o desenvolvimento Redux
✅ Vitest - Para fazer os testes unitários
✅ Rapid API - Para buscar os dados do Shazam Core API
✅ Lints — ESlint/Prettier/EditorConfig
- Lista das músicas e dos artistas mais tocadas no momento.
- Lista das músicas mais tocadas na região (Brasil).
- Visualizar a letra da música.
- Media Player para ouvir as músicas.
- Layout responsivo.
- Barra de busca para achar a música através do título.
- Filtrar as músicas por gênero.
- Músicas relacionadas ao artista.
- Músicas relacionadas a uma música específica.
- Você pode clicar nesse link e acessar a aplicação que está hospedada na plataforma Vercel.
(certifique-se de ter instalado na sua máquina o Node)
- Abra o terminal na pasta desejada para clonar o repositório e execute o comando:
git clone https://github.com/pedro-afonso/micro-spotify.git- Depois de concluído, execute os seguintes comandos para iniciar o server e será aberto no seu navegador uma aba com o projeto já funcionando:
cd micro-spotify/Para instalar as dependências:
npm installVocê precisa criar um arquivo .env e adicionar as variáveis
VITE_X_RAPID_API_KEY=
VITE_X_RAPID_API_HOST=shazam-core.p.rapidapi.comA variável VITE_X_RAPID_API_KEY, você encontra em Shazam Core Api após fazer o cadastro gratuitamente.
Inciando o server:
npm run dev- Por fim, abra a pasta clonada em seu editor de códigos favorito e faça as suas alterações! xD
Feito por Pedro Afonso.