mySpotify

Aplicação que permite ao usuário conferir os seus 20 artistas e 50 músicas mais ouvidas no Spotify durante o corrente ano. Projeto desenvolvido com o intuito de comprender melhor a utilização do API-Auth do NextJS e o consumo de APIS que utilizam OAauth.

Funcionalidade

A aplicação lista músicas e artistas beseados no dados fornecidos pela api Spotify de acordo com a conta do usuário

Layout

Web

Mobile

Tecnologias Utilizadas

• NextJS
• SASS

Pré-Requisitos e Iniciando a aplicação

É necessário a criação de uma conta no spotify como developer e criar uma aplicação para o funcionamento da aplicação.
Necessário a criação de uma .env.local com os dados adquiridos no dashboard da Api do Spotify.
Spotify Dashboard: https://developer.spotify.com/dashboard/login

Variáveis a serem criadas na .env.local

• SPOTIFY_CLIENT_ID=
• SPOTIFY_CLIENT_SECRET=
• BASE_URL=

Passos:

1. Crie o seu app no dashboard da api spotify
2. Insira a URL de callback http://localhost:3000/api/auth/callback/spotify no app criado no dashboard
3. Clone a aplicação
4. Instale as dependências
5. Crie o .env.local e informe os dados do seu Spotify APP
6. Rode a aplicação com yarn dev ou npm run dev