Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/arisonfirmino/track-flow

Aplicação web que oferece uma experiência de player de música integrada com a API do Spotify.
https://github.com/arisonfirmino/track-flow

axios javascript react spotify-api tailwindcss

Last synced: about 2 months ago
JSON representation

Aplicação web que oferece uma experiência de player de música integrada com a API do Spotify.

Awesome Lists containing this project

README

        

![Preview](https://utfs.io/f/FJxfrM1suimWqFRI3Im0uIb914n2oMjNwFlGBOaZeJkcTRUW)

Track Flow é uma aplicação web frontend desenvolvida com React e JavaScript, projetada para funcionar como um player de música totalmente integrado à API do Spotify.

O conceito da interface foi construído em torno de um "cartão" que encapsula todo o conteúdo da aplicação, oferecendo uma experiência intuitiva e organizada. A aplicação é dividida em seções como músicas favoritas, playlists, e uma área de recomendações de álbuns e músicas obtidas diretamente da API do Spotify.

Para acessar todos esses recursos, os usuários precisam fazer login com suas contas do Spotify. Após a autenticação, a aplicação exibe playlists e músicas personalizadas, conforme as preferências e histórico do usuário, permitindo um acesso imediato ao conteúdo da conta, tudo em um só lugar.

A API do Spotify apresenta algumas limitações. Assim, o usuário tem acesso a dados detalhados de músicas, playlists, álbuns e outras informações, mas a reprodução completa das faixas não está disponível para todas as músicas. Para aquelas que permitem reprodução, a API oferece apenas um preview de cada faixa, em vez da versão completa.

Apesar dessa limitação, a API do Spotify ainda oferece um acesso abrangente a diversas informações, o que me permitiu desenvolver uma aplicação dinâmica e intuitiva. Esse projeto foi uma ótima oportunidade para aprofundar meus conhecimentos em consumo de APIs, além de explorar formas de criar uma experiência envolvente para o usuário.

🔗 Acesse o projeto: [track-flow](https://arisonfirmino.github.io/track-flow)