Spotify API Jammming

Hi everyone,

I recently finished the jammming project.

You can find my repo here:
jammming
And see it alive here:

Please note:
Some parts took forever (especially figuring out how to implement the o-auth). I run out of time, so I could not write any test.

Would be happy to get some feedback :slight_smile: .

Happy codingā€¦well keep going :muscle:ā€¦coding is hard to learn. Maybe one day I/we feel the happiness behind it :upside_down_face:

3 Likes

Hello! I canā€™t use the page after login.

Hi nokuziariki,

thank you for your reply. On my devices it works fine and also on those of some friends. I asked the team from Netlify Support regarding this issue and got this answer:

"This is the classic situation where you need more information.

You should ask the friend to visit any tool like https://www.whatsmybrowser.org, then copy the link and send it to you.

You could then do more targeted device/browser testing, instead of trying to guess what might be wrong.

Tooling like https://www.browserstack.com can be used to test specific combinations of device and browser."

Would you mind helping me out and trying the first suggestion?

Hello!

Here is the link: What browser am I using?

By the way, I also tried it on the phone. on Android. In the Chrome browser and the basic internet app. I canā€™t get ahead in any of them.

I am also doing this project. but there is an error that I cannot solveā€¦ :frowning:

Thank you very much :slightly_smiling_face:!
Maybe I can help you with your problem? What is it about?

I took the website down and made the repository private for maintenance/fixing the problem.
When I made it run again, I will leave a note here and try to explain what the failure was.

So I finally found the ā€˜solutionā€™.
When you deploy an App build on the Spotify Rest API, and want to make it full accessible for everyone, you have to apply for an Quota extension.

On the Dashboard of your App, under ā€˜Basic Informationsā€™ you find the ā€˜App Statusā€™. by default it is set to ā€˜developmentā€™. This means, your App is restrictet to be used by a max. of 25 persons, you have to add manually under ā€˜User Managementā€™.

Getting an Quota extension means that your App has to be approved by Spotify. Thus, you must follow their Design Guide and Spotify Developer Terms.

In my case, I will not apply and rework my solution.
If you would like to see how it looks like in real, please follow the instructions in the Markdown file.

Appendix:
I really donā€™t understand why Codecademy does not point to this important circumstances. It drove me mad over weeks and I am sure, that I am not the only one.

2 Likes

Thank you for your reply and also for sharing this information with me.
Where are you now in the curriculum? What percentage? Which lesson?

I have a problem that when searching, the results always remain only on the second ā€œsearchā€. The results of the first search are only displayed for ~half a second.

All other functions work otherwise.

Hi, I looked at your code on github , I would suggest:
1 avoid big files like app , api context (split parts or move something to other files), for example all variables with const type to constants folder.
2 as written above, you can use the practice of domaining, split code that belongs to the same domain.
3 take a closer look at the checks in the if clauses in the app, it can be shortened.
Maybe there is still a lot of work to do, but this is what I noticed in 5 minutes of time.

Hey, I am sorry for responding so late. There is too much going on. Well I finished all the lessons and I am working now on the Redux Project (Reddit) and the final Project.
I had no programming experience before I started this course, and I found it really challenging. I am always wondering when people say they finished everything within 3 months.

If you would like to share your Repo, I can have a look. but please be patient with me, it can last a while
:upside_down_face:.

Hi simvk1,

Thank you very much for your feedback. It seems like you are a more experienced developer?

I see what you mean with the if-clauses and I will change it. I also will see how to split the code. Can I ask you, what exactly you mean by ā€œdomainingā€? Regarding code structuring this is a new term to me.

And I also understand what you mean with bringing the constants into a separate folder. Indeed, it would make it clearer!
But I do not know how to follow this approach with constants that are more or less all using useState(). And I could not find a solution for that case online.
May I ask you for an example? Or do you know a tutorial/website/repo where this is explained?

Hi

This is maybe not best code and practise but you can find some logic witch constants, domain name.

Hi everyone,

I recently finished the Jammming project.

You can find my repo here:
Jammming GitHub Repo
And see it alive here:
Netlify Jamming App