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
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?
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?
@@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.
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
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
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.
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 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.
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
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.
thank you you have just saved my frustrating days getting stuck T.T!!!!!
Glad I could help!
firebase documentation link doesn't work anymore
thanks for the heads-up , the link has been updated.
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
Glad to help, brother 🙏 Goodluck on your project
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
I am finding it diffcult to install termux on my samsung a15 with andriod version 15 any help please
Sure , I have a video on the termux playlist , its the first video.
Thank You So Much Man!🤩🤩
Happy to help
Thanks gentleman, the perfect solution for beginners with details. Thanks a lot once again.
Thanks man this was really helpful😁😁
Appreciate you watching! 🙏
Please, help me with the source code
Working perfectly ❤
Greate job done ✅
Glad to hear it , Thanks 🫡✌️
"go away now " at the end was personal hehe😆
Bruh 😂 , appreciate u stickin around till the very end.
Love you so much♥
@@hematullahhemat6884 pause ⏸️ 🤣 , but love you too brother.
Thanks for watching 🔥
Thanks!
pls how can a user signout after signing in ?
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
This video is helpful ❤
Glad you think so!
Thank you sir for your wonderful tutorial! It has worked wonders for my web app. Many thanks!
U welcome , I appreciate the comment 🙏💯.
This video it's perfect, thank you very much bro
Glad it helped
How can I solve cors origin blocked error?
tive o mesmo problema
Can I do it on mobile please?
alright yeah , i think i will.
Bro please help me I’m trying to find my website localhost link on mobile
@@Preshhbeats Your can serve your website on localhost using termux , i have a video on it.
@@VectorM please share video link🙏
@@VectorM I’m using an iPhone bro
I played twice to see if he actually told me to "Go away now" 😂
Easter Egg That One 🤣, sorry 😭🤣
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?
@@xovxxvox Thank you so much!
how to check docs
Links in description
Thank you so much. GOD BLESS YOU
Thanks 🙏
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?
@@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.
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
Use the onAuthStateChanged function , example: proximity-vector.netlify.app/
@@VectorM okay thanks
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?
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
pls after following all the steps , when i click my submit button nothing happens. what do i do ??
your js file is probably not linked correctly , please check the steps or google how to link js to html ( 👈)
youre correct thanks
Great vedio 😊❤You did a great job
Thank You and Salute 🙏🫡
bro my addevenlistener is not working please help in error handling
Yes i had same problem here im trying to fix. i will write here when i did it
So can you tell me about it and how to solve it
@@MKhalidchouhangujjar I dont remember but i solved lol
ty brother how to add logout button?
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
firebase.google.com/docs/auth/web/password-auth
Gracias amigo, cae bien el proceso actualizado
Gracias por comentar
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
kshama karen bhaee, chainal ka samarthan karane ke lie yah keval ek dolar hai
Not working like no arert is showing and not working
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.
My IP address won't show up. How can I find it?
You can simply go to cmd and type ipconfig and the ipv4 is your ip address
thank you bro
You're welcome!
do you provide github code
Source code is available on buymeacoffee link in the description.
@@VectorM thanks
good video my man
Appreciate it
😅
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?
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.
@@VectorM do you have any discount or promo code?
@@rcroman20 sure , here VECTORM
@@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?
@@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.
5:00
gem this is
@@Relaxhere19 🙏🔥
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
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.
🫡💥🔥🔥
🔥🤝