Sobre | Deploy | Tecnologias | Funcionalidades | Configurações
Horizonfy é uma aplicação que simula algumas das funcionalidades do mais famoso player de música. Para isso utiliza-se a API do Spotify com o objetivo de resgatar álbuns, faixas de músicas e informações sobre discos de acordo com o interesse do usuário. Além disso também é possível escutar versões demos de algumas das faixas do álbum escolhido.
O projeto foi hospedado na Vercel, e você pode conferir a versão live em Horizonfy.
- Buscar por álbuns por qualquer termo
- Exibir os 10 melhores resultados
- Exibir informações sobre o álbum
- Acessar faixas de um álbum
- Ver informações sobre uma faixa específica
- Reproduzir música escolhida do álbum
- Criar Loading para os components.
- Tela de Login para autenticação do usuário.
- Exibir informações do Spotify do usuário.
- Usar React Query
1. Primeiramente você deve ter o arquivo .env configurado na raiz do projeto com as variáveis de ambiente que podem ser criadas através desse link
na API do Spotify
2. Em Redirect URI preencha com http://localhost:5173
3. Após criado o projeto, você terá acesso aos valores do seu Client ID e ao Client Secret para serem colocados no arquivo .env - confira o exemplo em env-example
OBS
- Para o deploy utilizei as minhas variávies de ambiente.
# Clone o projeto
$ git clone https://github.com/pedrovinhas/horizonfy.git
# Instale as dependências
$ npm install
# Rode a aplicação
$ npm run dev
Feito por Pedro Henrique Vinhas 🪐