Skip to content

Vinicius-Boschi/music

Repository files navigation

ShowMusics 🎵

Vue 3 Vite SCSS Deezer API Genius API

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.


🌟 Features

  • 🔍 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)

🖼 Screenshots

Home
Home com busca e listas de músicas

Player
Player de prévia e letras em destaque

Favoritos
Lista de músicas favoritas com ordenação


💻 Tecnologias


⚙️ Setup

  1. Clone o repositório:
git clone https://github.com/seu-usuario/showmusics.git
cd showmusics
  1. Instale as dependências:
npm install
  1. Crie um arquivo .env na raiz do projeto com sua chave da Genius API:
VITE_GENIUS_API_KEY=sua_chave_aqui
  1. Inicie o servidor de desenvolvimento:
npm run dev
  1. Inicie o servidor da api:
npm run dev:api
  1. Acesse http://localhost:5173 no seu navegador.

  2. Para buildar para produção:

npm run build
  1. Para pré-visualizar a build:
npm run preview

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published