Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/arisonfirmino/track-flow
- Owner: arisonfirmino
- License: mit
- Created: 2024-10-24T21:48:06.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-26T03:31:18.000Z (3 months ago)
- Last Synced: 2024-10-26T09:42:57.110Z (3 months ago)
- Topics: axios, javascript, react, spotify-api, tailwindcss
- Language: JavaScript
- Homepage: https://arisonfirmino.github.io/track-flow
- Size: 430 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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)