Skip to content

Help with Firebase Realtime Database

github logo ・1 min read  

Hi guys,

I’ve been working on my Checkmark project lately. Dabbling with Google’s Firebase, I added Google authentication to let users sync their to-do lists across devices. However, I can’t seem to figure out how to transfer the list items (li) to my Realtime Database, specified by the user’s Google username. I’m using pure Javascript and HTML currently, but if this can be accomplished with JQuery, I’m open to suggestions.

Can anyone help with this? I’m not exactly a Javascript programmer, so I’m making this up as I go. You can check out my current source at

twitter logo DISCUSS (12)
markdown guide

Hey, I can help with this. How have you tried to get this to the Firestore?. I can't really see the code that connects to your Firestore. You need to first create a database in Firestore database then sync then store the list in the database. Syncing to real-time is a breeze from there.


Thanks! I’ve created a Firebase Realtime database. Should I use Firestore instead?


No, it's just fine. Now if you got to your database. You will need to get the collection by name in your app.js. You would do that like so if your collection name is "projects":

// this will return all document in this collection
const allProjects = db.collection("projects").get()

//if you need to store something in the collection first store them in a variable in your code and then store them like below.
 allProjects.set({// your data in here})

You know what, I'll just probably make a pull request to show how you can do it.

Thanks a lot!!! I’m currently working with all my Javascript in my HTML, but it is getting a little crowded. So should I move it to an app.js file? (I’ve also just followed you on GitHub)

Yea, that's what I will suggest. I had some examples with VanillaJS/Jquery -Firebase on my Github but I deleted them, I will try to create an example for you tomorrow.

Thanks so much! I’m going to add your name to the about page meanwhile. I really appreciate the help! 😇

Please let me know when you publish the example! I’d love to see it!

Yea, I will let you know. I have been a little bit ill.

Oh no! 😟 I’m so sorry! Hope you get well soon.

So I found this great walk-through that should help.But you can reach out if you get stuck or have additional questions. Basically at the moment you are just storing the todo and retrieving from LocalStorage. You need to store in Real-time database instead.

Thanks for the link! I’ll check it out. 😀

Classic DEV Post from Oct 3 '19

How to keep your forked repository current

Instructions on how to keep your forked project current with the original source

Micah Lindley profile image
I’m a self-taught teen designer, developer, and musician. When I’m free from homework, you can find me putting Ubuntu on an ancient laptop, redesigning my website, or writing an article on Dev.