Firebase Contact Form | Firebase Beginners Guide 🔥 (2020)

Hi there, in this video, we will be using Firebase to receive emails from a contact form. This is a beginner's guide to Firebase. I'll explain :

What is Firebase?
How to create your app?
& How to push/add data to firebase?

📑Products I use -

📗Connect with me -

Leave a like and consider subscribing✔ for more videos.
Thanks a lot for watching❤

[kensleylewis]

at 9:47 - How do did you get the code to provide "databaseURL" - I don't see that property when I'm looking at my SDK code in firebase

[VasanthRajkumar]

Great and simple video. Works perfect on my website. But since this is a client side JavaScript, how do you implement security for the database ? If you have read and write rules as 'true', then anyone with the js can access and update the datastore correct ? What rule will work to restrict users getting direct access to DB ?

[tove]

So I've just copy paste your code and added the given info from firebase. But when i submit, nothing is updated in the firebase console? It still says null.
I get no errors and in google console the submit is shown.

[skingirlpower]

Thank you so much!
I had an error from a few days ago.
And I was able to solve it with your video.

[thauaengelmann]

Hii, guys! I kind of really need some help here, please.. I have two *html form* in my page, one of them is a *modal form* that appears when the user have clicked on a button, and the another one is at the bottom of the page. Both of them needs to be connected into one ( just one ) Firebase, but I couldn't do this anyway. I've tried for days, but I couldn't. I can do this just with one form, just like in the video, but how can I do with two? I really appreciate your help! Thank you very much

[agustinbrandan]

good video. a question if I want to send this form to an email, how do I do it?

[thatwizkidgaming]

Great video! Works perfectly. I appreciate your teaching style

[kairaramon]

great video! helped me out alot. You've earned a new subscriber. Can't wait for more videos

[johnali]

How do you get notified of a new contact in your email box? Any ideas?

This method requires you to login almost every hour! to see if there are any new messages but what we need is automatic alerts in your inbox.

Thank you.

[emmanuelthomas]

This was a very clear and helpful into to Firebase. Thank you !

[ozumahe]

you are doing well, that was very clear.. Thank you

[anandhu]

i though you were about to show how to trigger email alert when user submits the form.. is that possible?

[ankandas]

awesome implementation, I was stuck at -app part and you just crashed it so nicely. Thank you so much . Really Valuable content.😍😘😍😀😘😍.

[freefuturesoft]

Good evening nice video. I have an error in app.js in line 15, saying that "Uncaught TypeError: Cannot read property 'addEventListener' of null
at app.js:15" can you help on what to do here?

[surekhamore]

Thank you sir, this video very helpful for me

[kensleylewis]

Also what are the detail steps you would take for hosting your form in firebase?

[shibi]

I want to deploy my portfolio with contact form in firebase . so should I use realtime database or hosting?

[johnali]

The other thing I have noticed is that the JavaScript file is downloaded with the HTML/CSS form and so this is a security risk because anybody can get hold of it and create a dummy form using the same script file and flood your database with 1000s of nonsense messages. Now how do you stop this from happening? Any ideas?

[Iamklif]

Bro is it possible to push whatever is in the contact form to my gmail mailbox instead of seeing it in firebase console database?

[keithsalustro]

How do you recommend generating and sending a notification email when the form is submitted?