Aplicativo web para buscar e ouvir músicas, artistas, álbuns, playlists e podcasts.
Inclui player de prévia, favoritos, letras de músicas e modo escuro.
- 🔍 Busca por artistas, faixas, álbuns, playlists e podcasts
- 🎧 Player de prévia com play/pause e persistência da última música
- ❤️ Favoritar músicas e artistas (armazenado em
localStorage) - 📝 Letras de músicas com refrões destacados em negrito
- 🌙 Modo escuro
- 💬 Notificações de novos lançamentos e recomendações
- ⏳ Skeleton loading para letras
- 🔄 Paginação / infinite scroll para listas grandes
- 🔽 Ordenação nos favoritos (recentes/alfabético)
![]()
Home com busca e listas de músicas
![]()
Player de prévia e letras em destaque
![]()
Lista de músicas favoritas com ordenação
- Vue 3
- Vite
- SCSS com
@usemodular - Deezer API
- Genius API
- Clone o repositório:
git clone https://github.com/seu-usuario/showmusics.git
cd showmusics- Instale as dependências:
npm install- Crie um arquivo
.envna raiz do projeto com sua chave da Genius API:
VITE_GENIUS_API_KEY=sua_chave_aqui
- Inicie o servidor de desenvolvimento:
npm run dev- Inicie o servidor da api:
npm run dev:api-
Acesse
http://localhost:5173no seu navegador. -
Para buildar para produção:
npm run build- Para pré-visualizar a build:
npm run preview