I love to hear. The functionalities are just getting started. Right now play button, volume and repeat should work (volume has a bit of a bug on it). I will try to add functionality to shuffle/prev/next buttons today
The volume button doesn't seem to transfer it's state when you change the song while the one is playing. It will reset again to the starting position.
Yea getting the help from the community would be lovely because as I said, I am very much a newbie to React (would be a lot more comfortable in Vue.js)
So the functionality of buttons is quite simple really
Shuffle -> When the song ends, random one from playlist starts
Next -> Starts the next from the playlist (basically find the current one by id, and go next)
Prev -> Does the opposite, and starts the one previous in the playlist
After those footer functionalities I will start working on the Home & Search buttons. I might refactor the design prior to that š
There is also another problem that I'm facing... const redirectUri seems to be incorrect. When deploying the website with firebase , when logged in, it redirects me to localhost:3000 and because the server is down, it keeps me redirecting to the wrong URL
I would suggest you use your own clientId. It is very simple to get at developer.spotify.com/dashboard
RedirectUri gets pulled from window.location.origin so it should work as long as you setup inside your dashboard the same uri your app is hosted on.
So steps would be:
Go to spotify dashboard for developers, create an app, take the clientId and place it inside spotify.js file.
And then inside the spotify dashboard in edit settings, set the redirect url to match the url your app is hosted.
Everything is working fine right now !
I love to hear. The functionalities are just getting started. Right now play button, volume and repeat should work (volume has a bit of a bug on it). I will try to add functionality to shuffle/prev/next buttons today
We can do together if you want to ! What is the bug about he volume button ? What's the logic behind shuffle/prev/next buttons ?
The volume button doesn't seem to transfer it's state when you change the song while the one is playing. It will reset again to the starting position.
Yea getting the help from the community would be lovely because as I said, I am very much a newbie to React (would be a lot more comfortable in Vue.js)
So the functionality of buttons is quite simple really
After those footer functionalities I will start working on the Home & Search buttons. I might refactor the design prior to that š
Would be great to collaborate and help each other !
I'm new as well in React Dev so that's I sound like a newbie.
Can you help me out with this ?
There is also another problem that I'm facing... const redirectUri seems to be incorrect. When deploying the website with firebase , when logged in, it redirects me to localhost:3000 and because the server is down, it keeps me redirecting to the wrong URL
I would suggest you use your own clientId. It is very simple to get at developer.spotify.com/dashboard
RedirectUri gets pulled from window.location.origin so it should work as long as you setup inside your dashboard the same uri your app is hosted on.
So steps would be:
Go to spotify dashboard for developers, create an app, take the clientId and place it inside spotify.js file.
And then inside the spotify dashboard in edit settings, set the redirect url to match the url your app is hosted.
It would be great to jump on a call , are you available ?