SpotiPI

📜 Sobre o projeto

SpotiPI é uma aplicação WEB para visualizar os principais dados retornados pela API pública do Spotify através de um design simples e moderno.

📦 Instalação

Criando aplicação

Para executar a aplicação será necessário criar ou logar com uma conta no site de desenvolvedores do Spotify. Depois de logado, basta clicar em "create an app".

Para criar uma aplicação é necessário especificar um nome no campo "App name" e uma descrição em "App description", além de concordar com os termos de uso marcando a checkbox e por fim basta clicar em "create".

Clonando repositório

Clonando o repositório utilizando ssh:

git clone git@github.com:xRiku/spotipi.git
cd spotipi

Criação de credenciais

É necessário criar um arquivo .env na raíz do projeto com as seguintes variáveis: VITE_CLIENT_ID, VITE_CLIENT_SECRET, VITE_REDIRECT_URL. Eles podem ser obtidos e definidos através do dashboard overview

O clientID é mostrado abaixo de "App Status", além disso é possível obter o client secret clicando em "show client secret". Para definir o "redirect url" basta clicar em "⚙️ Edit Settings". Então um modal será aberto com um campo "Redirect URIs", no exemplo da imagem ele é preenchido com o endereço http://localhost:3000/

Após definir um campo é necessário clicar em "ADD" e depois em "SAVE".

🚨 ATENÇÃO 🚨

Se não clicar em "SAVE" as alterações não serão salvas e se preencher o campo, mas não clicar em "ADD" caso queira trocar o endereço de redirecionamento o endereço não será modificado. Redirect url é um endereço para o qual a aplicação redireciona após logar com o spotify.

Execução

Instalando as dependências e rodando a aplicação utilizando yarn:

yarn
yarn dev

Autores

👤 Philipe Aguiar Marques

• Github: @xRiku

👤 João Felipe Gobeti Calenzani

• Github: @joaocalen