Bem vindo a documentação do Stringo Web Music App! Um web app conceitual com foco na sctreaming de musicas integrado ao Spotify!
Você pode conferir está aplicação em tempo real no site : https://stringo.vercel.app/
- Reprodução de Músicas em tempo real
- Sistema de busca de músicas
- Atualização em tempo real das principais playlists mais tocadas da plataforma Spotify
- Sincronização e autenticação com Spotify
Video.sem.titulo.Feito.com.o.Clipchamp.14.mp4
Este documento descreve a primeira etapa do projeto, que consiste na integração da API do Spotify para a validação do usuário e a inicialização de sua conta no aplicativo.
Para integrar a API do Spotify em sua aplicação, você pode encontrar informações detalhadas na documentação oficial em: https://developer.spotify.com/documentation/web-api
Após a sessão ser criada, o usuário terá acesso à aplicação em tempo real, utilizando os principais recursos de busca e reprodução de músicas. Isso foi possível graças aos métodos da API do Spotify, que foram adaptados para a versão atual do NextJS.
Utilizando o React Hook, foi possível capturar os IDs das principais músicas requisitadas pelo usuário e integrá-las de forma dinâmica ao Player fornecido pelo próprio Spotify. Isso proporciona uma experiência mais interativa e imersiva ao usuário.
A experiência do usuário nesta aplicação é enriquecida pela renderização dinâmica em tempo real de todo o conteúdo, possibilitada pela integração com a API do Spotify. A utilização das Fetch APIs do JavaScript permitiu uma implementação prática e intuitiva, garantindo uma navegação fluida e ágil.