JWT Authentication System in Django and React.js Full Stack Application | Complete Project Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ม.ค. 2025

ความคิดเห็น • 51

  • @kristijanstojanovski5195
    @kristijanstojanovski5195 8 หลายเดือนก่อน +2

    These videos are quite nice and serve as a great guidance! However it would be amazing if you could also give short explanations on what's happening in the background and shed light on some of the in-built DRF functionalities to make everything a bit clearer! Keep up the good work! :)

  • @MarcoBustos-oe1bv
    @MarcoBustos-oe1bv 8 หลายเดือนก่อน +3

    I would like you publish more videos about django, you helped me with another videos...thanks very much. Greetings from Arica, CL ❤

    • @PikoCanFly
      @PikoCanFly  8 หลายเดือนก่อน

      Very happy to hear the videos helped! 😃
      Thank you for your encouraging comment! 😊

  • @bymrfireball6573
    @bymrfireball6573 6 หลายเดือนก่อน

    This video gave me another life, thank you very much :')

  • @coff3andprograming
    @coff3andprograming 4 หลายเดือนก่อน +1

    New subscriber, you have very good content

    • @PikoCanFly
      @PikoCanFly  4 หลายเดือนก่อน

      Thank you so much

  • @OlajireStephen
    @OlajireStephen 4 หลายเดือนก่อน

    Thank you for the simplicity of this video. Pls how do we handle the access token when it expires to avoid login out the user

  • @codedjango
    @codedjango 8 หลายเดือนก่อน +2

    Amazzzing....thank you so much

    • @PikoCanFly
      @PikoCanFly  8 หลายเดือนก่อน +1

      I am so glad you like it! 😊

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 หลายเดือนก่อน

    Thank you very much, I loved the project

    • @PikoCanFly
      @PikoCanFly  2 หลายเดือนก่อน +1

      You are very welcome! Glad you liked it! 😊

  • @davidmukoro1166
    @davidmukoro1166 3 หลายเดือนก่อน

    Great. Can you modify it such that we use cookie which is more secure compare to localstorage?

  • @400DaysWithGaurav
    @400DaysWithGaurav 4 หลายเดือนก่อน +1

    This was the simplest tutorial

    • @PikoCanFly
      @PikoCanFly  4 หลายเดือนก่อน +1

      Glad you found it helpful. :)

    • @400DaysWithGaurav
      @400DaysWithGaurav 4 หลายเดือนก่อน +1

      @@PikoCanFly Please make more content around Django rest framework and React Js

  • @Munchen888
    @Munchen888 25 วันที่ผ่านมา

    Sorry for silly question. If I want to make forms in React app for registration and login so I may not to implement UserCreationForm and UserChangeForm alright ?

    • @PikoCanFly
      @PikoCanFly  24 วันที่ผ่านมา +1

      It's not a silly a question, but the forms are server side for customizing user management in the admin.

  • @DanielMartinez-we1lr
    @DanielMartinez-we1lr 8 หลายเดือนก่อน

    Thank you mush Piko your video help me to understand the process of backend in Django and frontend in React, but I have question regarding the the forms, login and register is necessary to use CSFT to avoid vulnerabilities or only using JWS. I other words we need to protect the forms. Thank you again for your explanation : )

    • @PikoCanFly
      @PikoCanFly  8 หลายเดือนก่อน

      Hello, thank you for you comment. I am glad my video helped. Incorporating CSRF protection is indeed important.
      One common approach is to use CSRF tokens in your React application and include them in the headers of your requests to the Django backend. Django provides a view (django.middleware.csrf.get_token) that you can use to retrieve the CSRF token.
      You can read more about that in Django's Official Docs:
      docs.djangoproject.com/en/5.0/ref/csrf/

  • @khalidbouychou
    @khalidbouychou 6 วันที่ผ่านมา

    why u save tokens in local storage instead of cookies from back end ... and we want video about handling images in DRF ..... thanks

    • @PikoCanFly
      @PikoCanFly  6 วันที่ผ่านมา

      @@khalidbouychou I made a newer DRF-Auth tutorial where tokens are stored http-only cookies in the backend:
      th-cam.com/video/TS1v_-ppICk/w-d-xo.htmlsi=_rECEtNHL1K6BN7x
      A tutorial about handling images in DRF could be interesting, I will consider it.

  • @Munchen888
    @Munchen888 8 วันที่ผ่านมา

    Piko, another question. Why are you implementing your custom login API view when we have /api/token/ endpoint and we have an opportunity to send our email and password to pass authentication? Now I’ve implemented my custom backend where I receive an email and password and try to authenticate. Thus we haven’t to write any custom login view. All right?

    • @PikoCanFly
      @PikoCanFly  8 วันที่ผ่านมา +1

      You’re right that /api/token/ can handle authentication. However, I implemented a custom login API view with a custom serializer to address some specific needs that /api/token/ doesn’t fully cover. For example, the custom serializer not only validates the user's credentials but also checks if the user is active before issuing tokens. It also returns user details like ID, email, and username alongside the tokens. It also provides error handling. That being said, if /api/token/ meets all your requirements, there’s no need for a custom view.

    • @Munchen888
      @Munchen888 8 วันที่ผ่านมา

      @ , thank you for fully answer 😇 Btw, Happy New Year 2025 !)

    • @PikoCanFly
      @PikoCanFly  8 วันที่ผ่านมา

      @Munchen888 No problem. Happy new year!

  • @Anelka465
    @Anelka465 4 หลายเดือนก่อน

    Great video, can you add or show us in a video how to store the tokens in state other than local storage.😊

    • @Anelka465
      @Anelka465 4 หลายเดือนก่อน

      Since it'll help secure user's information

  • @HAverroes
    @HAverroes 8 หลายเดือนก่อน +2

    Awesome! ❤

    • @PikoCanFly
      @PikoCanFly  8 หลายเดือนก่อน

      Thank you!

  • @alexdin1565
    @alexdin1565 8 หลายเดือนก่อน

    thats amazing please can you add a video on how we can deploy this on server?

    • @PikoCanFly
      @PikoCanFly  8 หลายเดือนก่อน

      Thank you! I am considering making videos on deployment at some point in the future - I have a long to do list though so fingers crossed 😅

  • @gowriprasadventuri835
    @gowriprasadventuri835 2 หลายเดือนก่อน

    home.jsx i was getting forbidden error for user info api

  • @navaneeth9103
    @navaneeth9103 6 หลายเดือนก่อน

    is this how profuction grade live projects do auth too , do they set items like this in localstorage

    • @PikoCanFly
      @PikoCanFly  6 หลายเดือนก่อน

      Using local storage for tokens like JWTs is commonly used however it is sometimes regarded as risky because it can be compromised through XSS attacks; Ensuring your site is free from XSS can mitigate this risk.

    • @navaneeth9103
      @navaneeth9103 6 หลายเดือนก่อน

      @@PikoCanFly thank u . i saw in an article that we can use httonly cookies, will u be able to do a video on that .
      also in this project token is getting expired , how can we implement proper refreshing in react like axios intercepors or authcontext with jwtdecode and timer to refresh ,

  • @navaneeth9103
    @navaneeth9103 6 หลายเดือนก่อน

    should venv folder stay inside django project or along with it outside

    • @PikoCanFly
      @PikoCanFly  6 หลายเดือนก่อน

      Outside. In your project's root directory.

  • @navaneeth9103
    @navaneeth9103 6 หลายเดือนก่อน

    i have not started the project but does doing this give us session also like i want the app to have user logged in . i am a beginner

    • @PikoCanFly
      @PikoCanFly  6 หลายเดือนก่อน

      Yes this project features JWT sessions and authentication management.

  • @miladypop8549
    @miladypop8549 7 หลายเดือนก่อน

    Большое спасибо за помощь в обучении

  • @miladnicolas8858
    @miladnicolas8858 2 หลายเดือนก่อน

    very helpful video (yeaaah cool ) lady

    • @PikoCanFly
      @PikoCanFly  2 หลายเดือนก่อน

      Glad it was helpful! 😃

  • @TechnicalSuperNova
    @TechnicalSuperNova 7 หลายเดือนก่อน

    Can you make a video on Stripe payment gateway on Django REST Framework and React with Vite.

    • @PikoCanFly
      @PikoCanFly  6 หลายเดือนก่อน

      Hey I know it's been ages but this is the first time I see this comment. This is a good suggestion. I will definitely think about it. 😊

  • @ahmednesafa716
    @ahmednesafa716 หลายเดือนก่อน

    loved it

    • @PikoCanFly
      @PikoCanFly  หลายเดือนก่อน

      🙏😊

  • @zensumarai
    @zensumarai 8 หลายเดือนก่อน

    hy pico i am here your subs

  • @Sai-vp7mv
    @Sai-vp7mv 8 หลายเดือนก่อน

    Mam increase your code font size

    • @PikoCanFly
      @PikoCanFly  8 หลายเดือนก่อน +1

      Will do for future videos 😊

  • @RealityUnlocked-07
    @RealityUnlocked-07 2 หลายเดือนก่อน

    i love you