Logo Spotiminy

Spotiminy

Spotiminy é um projeto qual o intuito é o usuário poder logar com sua conta do Spotify e poder desfrutar de algumas funcionalidades disponíveis no aplicativo oficial da famosa empresa streaming de musica.

Tela principal

O que é possível fazer?

Antes de tudo é preciso saber qual tipo conta a pessoa está utilizando, grátis ou premium. Para as contas grátis, as funcionalidades são:

  • Ver as músicas, playlists, albums, artistas
  • Curtir/descurtir alguma música
  • Tocar prévia de alguma música (algumas não existem prévia)
  • Buscar por novas musicas

Já a conta premium tem a possibilidade de também tocar músicas inteiras, albums, playlists e artistas.

Perfil do usuário

Inspirações

O projeto foi desenvolvido durante algumas semanas, tendo várias inspirações de artistas do Pinterest, Dribble e Behance, como:

Por que?

Desenvolvi o Spotiminy, apenas, para testar meus conhecimentos na área de desenvolvimento front end, usar uma API criada por outra empresa, autenticar a aplicação, porque sempre tive a vontade de criar algo de utilizasse um player visualmente criado por mim e claro, acrescentar algo ao meu portfólio.

Como?

Spotiminy foi criado utilizando algumas das melhores tecnologias front end como:

  • NuxtJS (framework baseado em VueJS) <3
  • TailwindCSS (framework CSS) <3
  • Netlify (hospedagem com integração com GitHub) <3

A autenticação e listagens foi utilizando a Rest API do Spotify e tocar música foi possível com a Web Playback API do Spotify.

Conclusão

Todo o processo de criação dessa aplicação foi um aprendizado e tanto, aprendi coisas que nunca tinha feito antes, como, fazer autenticação, dark mode e usar uma API extensivamente.

Valeu cada hora na frente do computador programando!

Netlify Status

Página de música
Página de música
Página de busca
Página de busca
Versão claro
Versão claro
Página inicial
Página inicial
Perfil
Perfil
Página do artista
Página do artista
Tela de carregamento
Tela de carregamento

Sugestões