Signup and Login Form in HTML with Firebase🔥 | Firebase Web Authentication Tutorial

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

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

  • @TranThanh-ug5mx
    @TranThanh-ug5mx 9 หลายเดือนก่อน +14

    thank you you have just saved my frustrating days getting stuck T.T!!!!!

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

      Glad I could help!

  • @grease3253
    @grease3253 9 หลายเดือนก่อน +3

    firebase documentation link doesn't work anymore

    • @VectorM
      @VectorM  9 หลายเดือนก่อน +1

      thanks for the heads-up , the link has been updated.

  • @selvakumar1602
    @selvakumar1602 6 วันที่ผ่านมา +1

    Dear brother i was being stuck with it for many days almost about to leave it. Just in time your video came Thank you brother

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

      Glad to help, brother 🙏 Goodluck on your project

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

    Thank you soooooo sooo much , you saved me big time ❤❤❤ bless you . I watched other videos, yours was the last one I tried before giving up

  • @KamaldeenNicholas
    @KamaldeenNicholas 7 วันที่ผ่านมา +1

    I am finding it diffcult to install termux on my samsung a15 with andriod version 15 any help please

    • @VectorM
      @VectorM  7 วันที่ผ่านมา

      Sure , I have a video on the termux playlist , its the first video.

  • @yashbudhe97
    @yashbudhe97 10 หลายเดือนก่อน +3

    Thank You So Much Man!🤩🤩

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

      Happy to help

  • @MadhaviDharme-Salunkhe
    @MadhaviDharme-Salunkhe 7 หลายเดือนก่อน +2

    Thanks gentleman, the perfect solution for beginners with details. Thanks a lot once again.

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

    Thanks man this was really helpful😁😁

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

      Appreciate you watching! 🙏

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

    Please, help me with the source code

  • @bennetteyecon8256
    @bennetteyecon8256 3 หลายเดือนก่อน +1

    Working perfectly ❤
    Greate job done ✅

    • @VectorM
      @VectorM  3 หลายเดือนก่อน +1

      Glad to hear it , Thanks 🫡✌️

  • @YourLevioHok
    @YourLevioHok 7 หลายเดือนก่อน +2

    "go away now " at the end was personal hehe😆

    • @VectorM
      @VectorM  7 หลายเดือนก่อน +1

      Bruh 😂 , appreciate u stickin around till the very end.

  • @hematullahhemat6884
    @hematullahhemat6884 15 วันที่ผ่านมา +1

    Love you so much♥

    • @VectorM
      @VectorM  15 วันที่ผ่านมา +2

      @@hematullahhemat6884 pause ⏸️ 🤣 , but love you too brother.
      Thanks for watching 🔥

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

    Thanks!

  • @realjude478
    @realjude478 10 หลายเดือนก่อน +2

    pls how can a user signout after signing in ?

    • @VectorM
      @VectorM  10 หลายเดือนก่อน +2

      You make a button , then use a Firebase function called signOut , I'll make a tutorial soon , in the meantime check the firebase docs or check out my buy me a coffee page

  • @villangamer6391
    @villangamer6391 9 หลายเดือนก่อน +1

    This video is helpful ❤

    • @VectorM
      @VectorM  9 หลายเดือนก่อน +1

      Glad you think so!

  • @theliterarian6521
    @theliterarian6521 7 หลายเดือนก่อน +1

    Thank you sir for your wonderful tutorial! It has worked wonders for my web app. Many thanks!

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

      U welcome , I appreciate the comment 🙏💯.

  • @isaielizondo.2503
    @isaielizondo.2503 7 หลายเดือนก่อน +2

    This video it's perfect, thank you very much bro

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

      Glad it helped

  • @CodingKnowledgewithJasmeet
    @CodingKnowledgewithJasmeet 7 หลายเดือนก่อน +2

    How can I solve cors origin blocked error?

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

      tive o mesmo problema

  • @Preshhbeats
    @Preshhbeats 10 หลายเดือนก่อน +1

    Can I do it on mobile please?

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

      alright yeah , i think i will.

    • @Preshhbeats
      @Preshhbeats 10 หลายเดือนก่อน +1

      Bro please help me I’m trying to find my website localhost link on mobile

    • @VectorM
      @VectorM  10 หลายเดือนก่อน +1

      @@Preshhbeats Your can serve your website on localhost using termux , i have a video on it.

    • @Preshhbeats
      @Preshhbeats 10 หลายเดือนก่อน +1

      @@VectorM please share video link🙏

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

      @@VectorM I’m using an iPhone bro

  • @cyberskul
    @cyberskul 2 หลายเดือนก่อน +3

    I played twice to see if he actually told me to "Go away now" 😂

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

      Easter Egg That One 🤣, sorry 😭🤣

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

    Thank you for the tutorial, I'm not familiar with web development, But could you tell me how to hide important code or logic from clients they just can view all js files, How to protect important codes on server side?

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

      @@xovxxvox Thank you so much!

  • @MR.TIMEPASS-e7y
    @MR.TIMEPASS-e7y 10 หลายเดือนก่อน +2

    how to check docs

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

      Links in description

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

    Thank you so much. GOD BLESS YOU

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

      Thanks 🙏

  • @jetty_19
    @jetty_19 5 หลายเดือนก่อน +1

    i have a question about the authoized domains, if i wish to host it, how can i make other people who hav my link also creae their own if only my domain or computer is allowed?

    • @VectorM
      @VectorM  5 หลายเดือนก่อน +1

      @@jetty_19 you can host it anywhere and have one domain ( your-website.com ) , if they go this domain they'll see the website.
      You just have to add your-website.com to firebase > authentication > authorised domains.. that way firebase knows to accept login requests from this domain and , not others.

  • @BellaSaunders23
    @BellaSaunders23 11 หลายเดือนก่อน +1

    How do i check if the user is logged in on my splash screen and if they are to redirect them to home but if not then redirect them to login

    • @VectorM
      @VectorM  11 หลายเดือนก่อน +1

      Use the onAuthStateChanged function , example: proximity-vector.netlify.app/

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

      @@VectorM okay thanks

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

    Should the js page be hidden from everyone because there is an API key in it, or is there no problem if anyone sees it?

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

      Yes, if you are using only JavaScript as I do in this tutorial, your Firebase project configuration file might be exposed. However, this is generally acceptable because Firebase is designed to handle such scenarios. It allows requests only from your specified domain (e.g., if your website is www.wesamela.com), so requests originating from any other domain will be blocked.
      To enhance security further, it's crucial to implement Firebase's security rules to restrict access to your database and services based on user authentication and permissions

  • @realjude478
    @realjude478 10 หลายเดือนก่อน +1

    pls after following all the steps , when i click my submit button nothing happens. what do i do ??

    • @VectorM
      @VectorM  10 หลายเดือนก่อน +2

      your js file is probably not linked correctly , please check the steps or google how to link js to html ( 👈)

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

      youre correct thanks

  • @helltruck6167
    @helltruck6167 3 หลายเดือนก่อน +1

    Great vedio 😊❤You did a great job

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

      Thank You and Salute 🙏🫡

  • @MKhalidchouhangujjar
    @MKhalidchouhangujjar 7 หลายเดือนก่อน +1

    bro my addevenlistener is not working please help in error handling

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

      Yes i had same problem here im trying to fix. i will write here when i did it

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

      So can you tell me about it and how to solve it

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

      @@MKhalidchouhangujjar I dont remember but i solved lol

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

    ty brother how to add logout button?

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

      Easiest part , add a button in html.
      logout
      Then in Js grab the button using its ID and add an event listener to it.
      Within that even listener add the function.
      signOut(auth).then(() => {
      // Sign-out successful.
      }).catch((error) => {
      // An error happened.
      });
      Firebase Documentation:
      firebase.google.com/docs/auth/web/password-auth

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

      firebase.google.com/docs/auth/web/password-auth

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

    Gracias amigo, cae bien el proceso actualizado

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

      Gracias por comentar

  • @digiholes
    @digiholes 6 หลายเดือนก่อน +1

    mere dost apne description main lekha hai ke download kro lekin link per click kya to buy kro ap please downlaod ke bjae buy kro likh do shukrya

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

      kshama karen bhaee, chainal ka samarthan karane ke lie yah keval ek dolar hai

  • @adibahnafazad9125
    @adibahnafazad9125 9 หลายเดือนก่อน +2

    Not working like no arert is showing and not working

    • @VectorM
      @VectorM  9 หลายเดือนก่อน +1

      If you downloaded the source code , here is what you do.
      Use Vscode + Live server.
      Goto firebase and create a new project , then replace the firebase config with yours.

  • @medandcare
    @medandcare 3 หลายเดือนก่อน +1

    My IP address won't show up. How can I find it?

    • @Jiok-cc9up
      @Jiok-cc9up 12 วันที่ผ่านมา

      You can simply go to cmd and type ipconfig and the ipv4 is your ip address

  • @thething6268
    @thething6268 7 หลายเดือนก่อน +1

    thank you bro

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

      You're welcome!

  • @ShadowOwl3399
    @ShadowOwl3399 9 หลายเดือนก่อน +1

    do you provide github code

    • @VectorM
      @VectorM  9 หลายเดือนก่อน +1

      Source code is available on buymeacoffee link in the description.

    • @ShadowOwl3399
      @ShadowOwl3399 9 หลายเดือนก่อน +1

      @@VectorM thanks

  • @ThiagoSilva-jn6ov
    @ThiagoSilva-jn6ov 9 หลายเดือนก่อน +1

    good video my man

    • @VectorM
      @VectorM  9 หลายเดือนก่อน +2

      Appreciate it

    • @bayunirayudha
      @bayunirayudha 7 หลายเดือนก่อน +1

      😅

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

    what will i find in the file if i buy this project? i need people register but they can log out too, that's possible?

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

      The link is available in the description , logout , create account and login included. all you have to do is replace the firebase config with yours and maybe customize the form's appearance to match your project.

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

      @@VectorM do you have any discount or promo code?

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

      @@rcroman20 sure , here VECTORM

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

      @@VectorM i will buy this code, but i need some advice first, I plan to read a blog and post some publications, what tool from firebase I have to use?

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

      ​@@rcroman20 You don't have to buy it , the code templates are there to save you time but they are not required , you can code them yourself by following the video.
      Regarding the advice , I dont understand the question , if you want to make a website to publish blog posts like a cms. you can use firebase realtime database , or firestore if you also need images and other media files.

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

    5:00

  • @Relaxhere19
    @Relaxhere19 12 วันที่ผ่านมา +1

    gem this is

    • @VectorM
      @VectorM  12 วันที่ผ่านมา

      @@Relaxhere19 🙏🔥

  • @vinodhiny
    @vinodhiny 6 หลายเดือนก่อน +1

    Thank you for sharing source code. Sign up works fine perfectly. When hit login page , no response . On developer tool, getting this error,
    api.ts:158 Uncaught FirebaseError: Firebase: Firebase App named '[DEFAULT]' already exists with different options or config (app/duplicate-app).
    at initializeApp (api.ts:158:27)
    at login.js:14:13

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

      Hi , first make sure login.js and signup.js are different files , then make sure that const firebaseConfig is correct on the login file.
      ohh and make sure to replace the firebaseConfig with your own. let me know.

  • @thalagasidwel1339
    @thalagasidwel1339 ปีที่แล้ว +1

    🫡💥🔥🔥

    • @VectorM
      @VectorM  ปีที่แล้ว

      🔥🤝