Firebase Auth with React Step-by-Step Tutorial || Login Register auth with firebase React Firestore

Поділитися
Вставка
  • Опубліковано 30 лис 2024

КОМЕНТАРІ • 53

  • @yungwolf9789
    @yungwolf9789 3 місяці тому +5

    Thank you so much. Wherever you are, God richly bless you 🙏🙏

  • @danishpinjari6037
    @danishpinjari6037 2 місяці тому +1

    What a understanding of this concept bro keep growing

  • @c00per_
    @c00per_ 6 місяців тому +2

    bro can u give an idea how to implement Protected routes for this video's continuation.

    • @thedebugarena
      @thedebugarena  6 місяців тому

      You can watch this video
      ua-cam.com/video/zKlpiQvPKHI/v-deo.html

  • @aryanpatel7209
    @aryanpatel7209 5 місяців тому +2

    hey, i got one error firestore is unknown word. and in the console "Firebase: Error (auth/network-request-failed)." this error show. ple help..

  • @salahqx
    @salahqx Місяць тому

    Thank you, But when i build the project i only get empty index.html page, how to make pages in the src folder live? And how to hide code logic from clients? sorry im new to web dev

  • @jetalonzo3594
    @jetalonzo3594 3 місяці тому +1

    Hello! 12:14 My setDoc data is not creating a collection and its document data on my firestore.. Please help

    • @screwdriver3397
      @screwdriver3397 3 місяці тому

      make sure you configured your firebase.js file

  • @blueb06
    @blueb06 16 днів тому

    The tutorial is very clean and clear , thanks

  • @tiyashasharma3894
    @tiyashasharma3894 5 місяців тому +1

    hey....I tried this and it did work to some extent but when I login in the portal it just directs me to a blank screen not to the profile section........can u help me with this...!!!!

    • @thedebugarena
      @thedebugarena  5 місяців тому

      You might need to debug it first make sure you are navigating to correct URL check typo error in name. Also, there can be chances that it is navigating to profile screen but data is not coming so for that try to render static content at start. If issue still persist DM me on Instagram.

  • @sayantandatta2996
    @sayantandatta2996 5 місяців тому +1

    register.js file having Register function as a component , but in App.js you imported SignUp component from register. Where these signup component is coming from >? Kindly reply.
    ❗❗❗❗⭕⭕⭕🔴🔴

    • @thedebugarena
      @thedebugarena  5 місяців тому +1

      So basically you are correct I have exported register from register component but here I am receiving that in the name of SignUp as there is only one default export

    • @sayantandatta2996
      @sayantandatta2996 5 місяців тому

      @@thedebugarena If I export any component default mode I can change the component name while importing in App.js?? Is it a feature in react ?

  • @arnavkarnik12
    @arnavkarnik12 7 місяців тому

    very helpful!! Now working on private routing with this

  • @AliAli-vj1mr
    @AliAli-vj1mr 6 місяців тому +1

    i get an error while i install npm install firebase 262 packages are looking for funding

    • @thedebugarena
      @thedebugarena  6 місяців тому

      Can you dm me on instagram

    • @Techyguy609
      @Techyguy609 6 місяців тому +1

      You can ignore it ,these are like libraries that are open for donation... if you want you can donate them... 😊

  • @shobi_r0412
    @shobi_r0412 Місяць тому

    bro, can you make a dashboard that when an admin will logon if will redirected to dashboard and inside in the dashboard, there are features. Also when clicking to each feature is it will not go to other page but will remain in the dashboard page. thanks bro in advance❤
    btw great video bro❤

  • @kedarsatwik6938
    @kedarsatwik6938 6 місяців тому +1

    what if we directly open "/profile" with out login ?

    • @thedebugarena
      @thedebugarena  6 місяців тому +1

      Then we will get error and data will not be present in our screen. To tackle this we will have to use private router concept of react js. I will be making video on this very soon.

  • @vihaankushalappa6309
    @vihaankushalappa6309 8 місяців тому +1

    Gradle version for jdk 17?

  • @kennethmburu6262
    @kennethmburu6262 7 місяців тому

    Thank you for the video, It helped me a lot, now am your new subcriber user

  • @RajaKumar-tj1kh
    @RajaKumar-tj1kh 12 днів тому

    Great Tutorial 👏

  • @qwerty20917
    @qwerty20917 Місяць тому

    Bro at 4:36 it's not getting enabled for me it's showing error can you help me pls..

    • @thedebugarena
      @thedebugarena  Місяць тому

      What error are u getting can u share with me

    • @qwerty20917
      @qwerty20917 Місяць тому

      @@thedebugarena when I press save it simply says error updating email/password
      Other method like Google authentication is getting saved but native providers(email/ password, phone and anonymous ) aren't being saved it's showing error

    • @qwerty20917
      @qwerty20917 Місяць тому

      @@thedebugarena it also says on top that cross origin redirect sign-in is no longer supported in many browsers. Update app to ensure you can sign into your app.

    • @thedebugarena
      @thedebugarena  Місяць тому

      @@qwerty20917 can u try creating new project or with different Google account

    • @qwerty20917
      @qwerty20917 Місяць тому

      4:36

  • @Rohit108_18
    @Rohit108_18 2 місяці тому

    Can you make this same Project in html and Js, Please, I need this. Please!

  • @jasim17
    @jasim17 7 місяців тому +1

    thank you for the video but you forgot to make video on forgot password... is there a any other video link where i can add forgot password code..

    • @thedebugarena
      @thedebugarena  7 місяців тому

      Hey sorry I haven't made that video. Will make very soon.

    • @jasim17
      @jasim17 7 місяців тому

      @@thedebugarena thank you for the response if possible pls make that video coz the only thing is stoping me to use signup/login with email password...

  • @maxfrias8462
    @maxfrias8462 2 місяці тому

    Thanks a lot for the video very helpful!! Lifesaver!

  • @mmr007
    @mmr007 6 місяців тому +2

    This video helped me a lot. Thanks

  • @yashwindyashu2260
    @yashwindyashu2260 5 місяців тому +1

    thank you for this video this is very help full

  • @RealTomNook
    @RealTomNook 3 місяці тому

    Great tutorial thank you so much!

  • @letsreversetheclock
    @letsreversetheclock 7 місяців тому +1

    Informative Video :)

  • @feCHE2438
    @feCHE2438 7 місяців тому +1

    Genioo! Thanks! From Argentina

  • @pqhuniverse
    @pqhuniverse 8 місяців тому +1

    👍👍👍👍

  • @techfoundation6905
    @techfoundation6905 2 місяці тому

    just brilliant, thank you

  • @nicolasdupere
    @nicolasdupere 7 місяців тому +1

    Thank you very much!

  • @chillx2563
    @chillx2563 5 місяців тому +1

    Thx bro 👨‍💻

  • @AnkitSharma-y3u7m
    @AnkitSharma-y3u7m Місяць тому

    thanks brother

  • @proflead
    @proflead 3 місяці тому

    Thank you!

  • @mbadashehady3261
    @mbadashehady3261 4 місяці тому +1

    2re feek