React JS Tutorial - 05 How to log in to Spotify in web apps

Поделиться
HTML-код
  • Опубликовано: 8 ноя 2024

Комментарии • 32

  • @peter-johnhein7162
    @peter-johnhein7162 2 года назад

    I spent hours trying to use the API and kept getting the 403 error. I had already watched a tutorial and thought it wasn't possible, but then I stumble across your lovely video telling me about SCOPES... SO TYVM.

  • @rallumonslesetoiles8178
    @rallumonslesetoiles8178 Год назад

    Thanks a lot. I watched several tutorials but yours helped me the most :)

  • @hedgewizardly
    @hedgewizardly 2 года назад

    This really helped me make some big progress on starting out in react and trying to figure out the implicit flow for twitch, thank you!

  • @thisisygs
    @thisisygs 3 года назад

    thank you sooo much!! not gonna lie u deserve more subs and views

    • @CarmelleCodes
      @CarmelleCodes  3 года назад

      😭 thank you!! this feedback really keeps me going haha, i’m grateful 🥲

  • @vishutiwari99
    @vishutiwari99 3 года назад

    Your voice is so pleasant. Please create entire tutorials of MERN stack.

  • @dylelliott9304
    @dylelliott9304 Год назад +1

    Thank you for the tutorial, before I begin to implement this in my webapp - Does creating this log in feature work to allow external users to log into their own Spotify accounts rather than just the developer of the application? Thank you in advance

  • @Jonesy3461
    @Jonesy3461 3 года назад

    Great video!!! Thank you so much for this, this is really helpful 😊❤️

    • @CarmelleCodes
      @CarmelleCodes  3 года назад +1

      Thank you for this sweet comment! Glad it was helpful

  • @Waterbottles711
    @Waterbottles711 Год назад

    Thank you this rly helped me

  • @yannid.9580
    @yannid.9580 3 года назад +3

    This is such a great video! I'm doing a spotify clone for my capstone project and found this video to be EXACTLY what I needed to get past auth. I followed this video to the letter minus changing some of the variable names, and when I console log the currentValue, nothing shows up in my dev tools. Any tips on why that might be? Thanks again for making auth so simple for me!

    • @CarmelleCodes
      @CarmelleCodes  3 года назад +2

      Thank you for this kind comment! It's always encouraging to find out my videos are helping unblock people. Sorry for the late response, unfortunately I don't understand what you mean by currentValue - in any case I hope you were able to figure it out, and I hope you have a good summer!

  • @timetosleep8055
    @timetosleep8055 2 года назад

    Great tutorial, but wondering why you didn't make use of a refresh token.

  • @pyroanticslord279
    @pyroanticslord279 Год назад

    What's the color theme extension name? It looks amazing

  • @minhdung3532
    @minhdung3532 3 месяца назад

    Why dont you use fetch or axios? Is solution to resolve CORS origin in localhost, right? Because you may be lost client id in params

  • @tesohh
    @tesohh Год назад

    hey, i've yet to try this in my project, but do i have to make users reauthorize their account every hour or however long it expires in?

  • @realdjkarma
    @realdjkarma 3 года назад +1

    Excellent tutorial auth gets hella confusing sometimes

    • @CarmelleCodes
      @CarmelleCodes  3 года назад +1

      It really does with Spotify! Thank you for the comment!

    • @realdjkarma
      @realdjkarma 3 года назад +1

      @@CarmelleCodes Have you ever gotten an "api rate limit exceeded" error while working with the spotify api? I've been working on a web app and my progress is completely halted due to reaching this rate limit although I haven't been making *that* many calls.

    • @CarmelleCodes
      @CarmelleCodes  3 года назад +1

      @@realdjkarma Late response but I've definitely heard other devs complaining about the rate limiting. Spotify is known for this lol

  • @adamcohen381
    @adamcohen381 3 года назад

    THANK YOU

  • @yyzah
    @yyzah 3 года назад

    Thanks a lot for the video, it is helping me a lot!I have a quesition: How will the helper function know when to get the access_token? as in when will it know that now the access_token is in the url and it should fetch it?

    • @CarmelleCodes
      @CarmelleCodes  3 года назад

      so glad it's helping you! so at 17:17 in the video, at line 30 inside the useEffect hook, there's an if statement that says `if(window.location.hash)` - that line of code is responsible for saying, "if there's a # in the url, then let's call this function to get parameters from the url from `getReturnedParamsFromSpotifyHash`"
      useEffect() will only run once if the dependencies array is empty. if you need to call it more times, then i would suggest adding a new boolean variable to pass into the dependencies array (it's the second parameter for useEffect) to call it more than once. see React's documentation on useEffect for more details. i fear that i'm making the second parameter sound more confusing than it really is. hope this clarifies some of my code! it's a tricky helper function.

    • @yyzah
      @yyzah 3 года назад +1

      @@CarmelleCodes Ok thanks for the explanation. I am actually doing the auth in python but your video has been very helpful in getting the concept right.
      Thanks a million for your effort :)

    • @CarmelleCodes
      @CarmelleCodes  3 года назад

      @@yyzah you got it!!

  • @GomesIvan1
    @GomesIvan1 2 года назад

    Hey! Such a great tutorial, congrats :D Idk if they changed something, but i'm calling the same method and I'm getting a html code to input my credentials (like a login page from Spotify), after inputing my data... I'm getting "Ops, something went wrong", please does anyone knows something about?

    • @CarmelleCodes
      @CarmelleCodes  2 года назад

      Sorry I can't help with exactly what's going on, but does the console say anything helpful? You can also look in the Network tab to see if there's an error code / response with more information. Note that you have to have the network tab open while you make requests in order to inspect any calls.
      Thank you for the feedback, hope you figure it out! -Carmelle

  • @emmyacosta
    @emmyacosta 3 года назад

    CAN YOU MAKE A VIDEO ON HOW TO GENERATE A PLAYLIST USING AUDIO FEATURES FROM SPOTIFY

    • @CarmelleCodes
      @CarmelleCodes  3 года назад

      woah I love this idea. What kind of audio features do you have in mind?

  • @riskiadhitama-j6s
    @riskiadhitama-j6s Год назад

    #patas