Connecting Firebase to a Contact Form

In this video we will take the responsive contact form we built in the last video and hook it up to a firebase backend to store submissions in a firebase database.

VIDEO TO CREATE FORM FRONT-END:

INITIAL CODE: Form frontend

FINAL CODE: With firebase

BECOME A PATRON: Show support & get perks!

ONE TIME DONATIONS:

FOLLOW TRAVERSY MEDIA:

[FlaviaZancanaro]

Thanks! You help me a lot. I bought your course (bootstrap) in Udemy and now I just finish my contact form on my portfolio.
You're an amazing teacher!

[aayemi]

Anytime I see Brad course anywhere either on Youtube or Udemy, I adjust my seat and get ready to learn new thing in a precise manner. Brad never disappoint. All his courses are AWESOME!!!. Thank You Brad.

[GringoProductions]

You sir, are amazing, I love how chill you explain everything and love the fact that you add comments to everything, even the most obvious lines of code. keep up the good work !!

[idlevandal]

Firebase has changed, make sure when you go to Database in Firebase, scroll down and select the 'Realtime Database' otherwise it won't work.

[alanpramuk]

You are the man Brad. I've been following your videos for about a year now and I have yet to find someone who teaches as well as you do.

[ayounghosh]

I loved that calm attitude with which you taught, you're the man

[JBuchmann]

Excellent as always, thanks! Would be great to follow up on this project and do something with the form once submitted. For example, a common use case would be to send the submitted info to an email address. If Firebase can also send emails, then that would be a great continuation of the series. :)

[JohnLittlefieldWork]

I applaud your "mobile first" approach to development and design. Thank for coming up with an example that is used on a real website. Firebase is very compelling it's nice to see how to implement step by step.

[mcurtis]

i spent 2 nights trying to find a video on this i dont know how i missed yours ! thanks

[mondal]

thank you verrry much i have been searching for comment system from weeks at last found yours and it is working perfectly.

[jontelep]

I admire you sir, it takes a long long time to find a tutorial that puts the configuration of the webapp in the .js file. The correct way to do it, first video i've watched that actually helped write to the db. Thank you.

[alexreitz]

Your videos are phenomenal. You have 156k subs and FCC has 200k. You're a one man show and you almost have the same impact as FCC

[iUmerFarooq]

Sir, please make a 2019 video on the same topic and host, update many other things on firebase?

[AdamE_]

I'm just catching up with all your content brad, you've changed your life around and I am so happy for you. All the best man.

[drewaugust]

Great video! Followed along and got the contact form on my website up and running in 45 minutes. This is one of the last things I wanted to complete before deploying my site. It is my first site and will be hosting using Github!

[SrinivasBuddha]

Thanks brad, till now I was using only php contact form for all my website projects. And now I can use firbase which comes very handy. As usual your videos are so helpful.

[edudev]

Thanks Traversy..i have learnt alot of front -end development from you. You are the greatest of them all

[milanm]

Firebase is so great, thanks Brad. Please do more advanced example with firebase, like file upload and notification

[reachsofi]

This is the most easiest follow through video I have ever seen, you have an answer for everything one can think of! Just want to add that firebase gave me a warning to use specific CDN scripts eg firebase-database and firebase-app and not the generic firebase.js one.

[caroldanvers]

Thank you Brad!!!! YOU are the coolest dude. I've always wanted to learn Firebase and never thought I would go this far in the learning process. NICE JOB!!