Everything works like a charm , I even customised my own form and have added more values , I also created another 1 function that shows message , resets the form and sets a time out for 3 seconds then you can just call this function inside the submitForm function !! overall I realy liked it thanks for this content.
As a ui/ux designer ive been trying to get into js with simple things like this that my clients ask me for. this video has done what any other couldn't which is making me understand its logic. thank you!
this video caught my heart this is straight up the best video on learning to use firebase i have ever encountered , everything is just so right, the calming background music and everything, really thank you so much for this video
This is a great video. I loved how you explained everthing thing you did in such a great way. Thanks for crating this video Really healped me a lot. Hope to se more of your videos
Hi, I'm not sure why you pasted configuration code into js while it is supposed to go in the script tag. If I only paste the given code into my HTML code would this not work?
I don't understand what I'm doing wrong. The entries go into firebase. But.. my name field is not appearing. The email field appears .. and in the message field I get the name of the person.. I have checked all the IDs for it and it's all correct. No matter what I put in for the IDs it's only these two fields that appear .. any help?
Nice video and great explanation. Everything worked out well. Please I would like to know if you would be able to create a video where we can fetch the data from Realtime DB and display information using HTML/CSS (like a dashboard). Also, I seem to be getting errors on v9.
Its not working for me .... even console shows an error on addEventListener .... and no data is shown in firebase .. please guide me what should i do ?
hello there. I'm new in this type of web thing and I have a project to make a simple submit web and store the data to firebase, just like this video. however, I dont know yet how to make a simple website just like the one you have. do you have video tutorial how to make one like yours ? thanks man
@@VetrivelRavi hi, here is my code, removed the const firebase part for privacy //initialising firebase firebase.initializeApp(firebaseConfig); //referencing database var pollDB = firebase.database().ref("7menweb"); document.getElementById("favemem").addEventListener("submit", submitPoll); function submitPoll(e){ e.preventDefault(); var name = getElementVal("name"); var email = getElementVal("email"); var feedback = getElementVal("feedback"); console.log(name,email,feedback); } const getElementVal = (id) => { return document.getElementById(id).value; } this error is given: Uncaught ReferenceError: firebase is not defined at form.js:13:1
Check the script file that you linked in the index.html....If its correct share me the screen shot of the error what you got in the console....to my mail
I get this error when I use the CDN: "It looks like you're using the development build of the Firebase JS SDK. When deploying Firebase apps to production, it is advisable to only import the individual SDK components you intend to use." It breaks my javascript code (it doesn't run) - any advice on how to fix?
Its just a waning it will work fine....If you want to avoid that issue, try to use web version 9 // Import the functions you need from the SDKs you need import { initializeApp } from "www.gstatic.com/firebasejs/9.12.1/firebase-app.js"; // TODO: Add SDKs for Firebase products that you want to use // firebase.google.com/docs/web/setup#available-libraries // Your web app's Firebase configuration const firebaseConfig = { apiKey: "", authDomain: "", projectId: "", storageBucket: "", messagingSenderId: "", appId: "" }; // Initialize Firebase const app = initializeApp(firebaseConfig);
Nice tutorial. How to see the saved data on another webpage. Lets say if its a recipe webiste where an user created a recipe than saved it, now he wants to see his saved recipe.
Thanks for the explanation. Please, how and where did you get the CDN link? Firebase and CDNs are being updated but none of those updated links seem to work for HTML app. Please hit me up
please make sure that you add the main app when you are trying to connect the db. please do follow the link stackoverflow.com/questions/69215748/firebase-error-auth-admin-restricted-operation-after-createuserwithemailandpassw
hello great video thanks, I tried to customize the fields but it doesn't work anymore. could you give me a hint. I replaced ID on html file and mail file. but it doesn't send anymore.I can only add fields but not edit existing ones
Thankyou, the explanation was very comprehensive. Appreciate the recap on the end of video too.
Glad you enjoyed it!
Everything works like a charm , I even customised my own form and have added more values , I also created another 1 function that shows message , resets the form and sets a time out for 3 seconds then you can just call this function inside the submitForm function !! overall I realy liked it thanks for this content.
Thanks mate.....Glad you like it
which version are you using
hello how did you customize the form, I change the ids but it doesn't work
I can only add fields but not edit existing ones
I saw five tuts already, this one is the best!
Firebase CDN Links(Alternative Setup Doc) - firebase.google.com/docs/web/alt-setup
Love the way you explain things as you go. This helped a lot.
Glad it was helpful!
As a ui/ux designer ive been trying to get into js with simple things like this that my clients ask me for. this video has done what any other couldn't which is making me understand its logic. thank you!
hey, hello
Like firebase what are the other technologies required for a UIUX. I was learning firebase for my backend project.
this video caught my heart this is straight up the best video on learning to use firebase i have ever encountered , everything is just so right, the calming background music and everything, really thank you so much for this video
Appreciate it mate....
Thanks, your the only tutorial that worked :)))
Glad I could help
Very helpful, thank-you. It is pretty cool to see data submitted through a form actually being stored somewhere instead of being erased, lol.
Glad it was helpful!
Thanks for this wonderfull video. It save my lots of time and now my database is working
🥰
thanks for the amazing video man, i was strugging with it for few weeks but you solved all my problems. Thank you
Glad I could help
got the right video after doing a lot of search. thank you.
This is perfect. Thank you so much. Your teaching is outstanding. God bless you.
You are very welcome
Thank you !! The only video that helped me get this thing to work!! Thank you!!
Clearly explained and I executed successfully 🔥
Great tutorial and in detail. Thank you bro.
I'm creating my own portfolio website, this is perfect for creating new blog posts! thankyou!
Vetri, this is awesome work. I borrowed your code from Git, and I am very very thankful. Superb job.
Awesome, Glad I could help you
It was very clean and successful!! Thank you so much
Yes it worked. Thank you so much. Can you make full website tutorial with backend and frontend please
We are from sri lanka
Your explanation is about great quality
Thankyou :)
So nice of you
Very helpful highly recomended this chanel
Glad you think so!
@@VetrivelRavi Hi I have a question. after I create react app following this video, after I host it in github pages. It shows blank black page.
you are awesome man, thank you so much !
Nice Explanation. Thanks for the help...
This is a great video. I loved how you explained everthing thing you did in such a great way. Thanks for crating this video Really healped me a lot. Hope to se more of your videos
Glad it was helpful!
Relly helped me in my internship!
I got a reference error at 12:47 that says firebase not defined but everything's fine in my script code can you assist me with it
I want to create two forms with different purposes, do I just make a different web or is there a better way to do it?
Thanks brother, this is very useful.
Thanks Man
Glad I could help
excellent video. 100% working
Glad to hear that
very nice i was looking for this tutorial
Glad I could help
thank you for this tutorial really amazing for beginners
Good tutorial! Thank you so much
Very helpful. Well done 🎉🎉🎉🎉
Informative video ever helped me a lot bro Tamil🔥🔥
Glad to hear that
Thanks Indian guy on youtube.
Appreciate it thank u
Haven't watched the video yet, but the comments make me excited to do so :D
thanks bahiya for this awesome content❤❤👍👍
Most welcome 😊
How can create add item in own app in home screen by coding
Thank You so much It Helped me
nice tutorial! Thanks alot
ur video helped me a lot
WOW! Great tutorial!
Thank you! Cheers!
Music nostalgia :)
thanks bro very much from VietNam 43 .
Good explained, thanks
Hi, I'm not sure why you pasted configuration code into js while it is supposed to go in the script tag. If I only paste the given code into my HTML code would this not work?
always maintaining the scripts in separate file would better
Thank you sharing a knowledge
I followed the tutorial but it doesn't work for me, is there a part I'm missing?
same here, there's issues on initialize firebase
great tutorial, but the music is a bit disturbing in the background
it works for me, thanks
Great!...
very good, thanks you !
It helps a lot, by the way do you have another video that display the values that you input in database?
Thanks, it was great
Glad you liked it!
Thankyou for your work
thank you so much for your beutiful video
how to change the "random alpha-number" the above of variables id into number?
I don't understand what I'm doing wrong. The entries go into firebase. But.. my name field is not appearing. The email field appears .. and in the message field I get the name of the person.. I have checked all the IDs for it and it's all correct. No matter what I put in for the IDs it's only these two fields that appear .. any help?
need to see the code...
@@VetrivelRavi ok.. but how to send? TH-cam doesn't like me sharing code on here
very helpful i got erro bcz not haviing cdn link thank you now it's working
firebase.google.com/docs/web/alt-setup
Thank you very much.
i want to ask, if you use xampp then connect to firebase? or directly clicking the HTML file then add the file data to firebase?
how do you generate a cdn link for your firebase project?
Thank you, but how can i get the value from a radio button?
thanks buddy nice videos
Thanks for video ....
how can we export that generated data in form of csv files ????
do we need to install any extensions in vs code?
can you help me how to we take data from firebase out?
Nice video and great explanation. Everything worked out well. Please I would like to know if you would be able to create a video where we can fetch the data from Realtime DB and display information using HTML/CSS (like a dashboard). Also, I seem to be getting errors on v9.
Will do soon
Please, do u have a video about how to show the information of the form (from firebase) on a html page?
Good stuff. do you have a video on deploying your local form to firebase hosting?
are you asking about custom domains ? Or How to deploy the project in firebase ?
Yes i do check this video
th-cam.com/video/RAWHXRTKTHw/w-d-xo.html
Thank You So Much Sir
Amazing👍
Thank you! Cheers!
how can i put image to the firebase
Its not working for me .... even console shows an error on addEventListener .... and no data is shown in firebase .. please guide me what should i do ?
Can you please share me the code and the error screen shot ?
I m also facing the same issue please help me bro.
please share the error code
hello there. I'm new in this type of web thing and I have a project to make a simple submit web and store the data to firebase, just like this video. however, I dont know yet how to make a simple website just like the one you have. do you have video tutorial how to make one like yours ? thanks man
What if we want to connect 2 forms to the same database
Mine is not showing the databaseurl pls help
Hi. For me it's absolutely not working. Can you help me?
Thank you!
My database is not getting store in firebase.can you pls help?
please do share me the error code
hi, i have a problem that it says the firebase is not initalised on the js file, any way to solve this issue?
Please doe share the error code
@@VetrivelRavi
hi, here is my code, removed the const firebase part for privacy
//initialising firebase
firebase.initializeApp(firebaseConfig);
//referencing database
var pollDB = firebase.database().ref("7menweb");
document.getElementById("favemem").addEventListener("submit", submitPoll);
function submitPoll(e){
e.preventDefault();
var name = getElementVal("name");
var email = getElementVal("email");
var feedback = getElementVal("feedback");
console.log(name,email,feedback);
}
const getElementVal = (id) => {
return document.getElementById(id).value;
}
this error is given:
Uncaught ReferenceError: firebase is not defined
at form.js:13:1
helpful tutorial thanx sir
i do everything same as u did. but my database is not shown in Realtime database? why??
Check the script file that you linked in the index.html....If its correct share me the screen shot of the error what you got in the console....to my mail
Can you tell me in index.html that you have used the script tage for the firebase how to get this link
Search for firebase CDN link
when i look at console like in 12:47 it says: firebase.js:12 Uncaught ReferenceError: firebase is not defined
at firebase.js:12:1
follow this order
I got the same issue.
how I solved?
Add the after the closing of body tag.
I get this error when I use the CDN:
"It looks like you're using the development build of the Firebase JS SDK. When deploying Firebase apps to production, it is advisable to only import the individual SDK components you intend to use."
It breaks my javascript code (it doesn't run) - any advice on how to fix?
Its just a waning it will work fine....If you want to avoid that issue, try to use web version 9
// Import the functions you need from the SDKs you need
import { initializeApp } from "www.gstatic.com/firebasejs/9.12.1/firebase-app.js";
// TODO: Add SDKs for Firebase products that you want to use
// firebase.google.com/docs/web/setup#available-libraries
// Your web app's Firebase configuration
const firebaseConfig = {
apiKey: "",
authDomain: "",
projectId: "",
storageBucket: "",
messagingSenderId: "",
appId: ""
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
@@VetrivelRavi where i should write the script plz??
You should write the scripts in your index.html
Hey what i should do when i have a gender selection in the form
somebody please help I'm getting firebase not defined error
Nice tutorial. How to see the saved data on another webpage. Lets say if its a recipe webiste where an user created a recipe than saved it, now he wants to see his saved recipe.
Apparently the variable firebase is undefined on my code, please help
The firebase object I mean
Make sure that you added the firebase CDN link first and then your local script file next
I have an error- Uncaught Reference error: firebase is not defined
Pls reply aspa
Did you defined the script tag in the HTML
Thanks for the explanation.
Please, how and where did you get the CDN link? Firebase and CDNs are being updated but none of those updated links seem to work for HTML app. Please hit me up
firebase.google.com/docs/web/alt-setup
@@VetrivelRavi Thanks a lot but its still not working or am I doing something wrong?
please can you send me an email with your whatsapp number so we can discuss this in detail?
vetrivel.galaxy@gmail.com -> Please drop an email I will contact you back
getting error "firebase: Error(auth/admin-restricted-operation)"
please make sure that you add the main app when you are trying to connect the db. please do follow the link stackoverflow.com/questions/69215748/firebase-error-auth-admin-restricted-operation-after-createuserwithemailandpassw
sir, can u plz hep me to link firebase to my code, im not able to do
Uncaught TypeError: firebase.database is not a function I am getting this error plz help
can you please copy the error code and that complete line in your script file
how to send this message to admin email?
hello great video thanks, I tried to customize the fields but it doesn't work anymore. could you give me a hint. I replaced ID on html file and mail file. but it doesn't send anymore.I can only add fields but not edit existing ones
please follow through the ID name of the existing fields
Can we deploy this project in firebase?
If yes then how?
I do everything like u do. But cant upload and also not shown the data on console ..why ?
Change the payment method in the Firebase........
Choose Blaze mode instead of spark mode then it will upload