Micah Lindley

Posted on Aug 28, 2019

Help with Firebase Realtime Database

#help #firebase #database #javascript

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 https://github.com/micahlt/checkmark.

Top comments (12)

Ola' John Ajiboye • Aug 28 '19

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.

Micah Lindley • Aug 28 '19

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

Ola' John Ajiboye • Aug 28 '19

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})

firebase.google.com/docs/firestore...
firebase.google.com/docs/firestore...

Ola' John Ajiboye • Aug 28 '19

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

Micah Lindley • Aug 28 '19 • Edited

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)

Ola' John Ajiboye • Aug 28 '19

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.

Micah Lindley • Aug 28 '19

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

Micah Lindley • Aug 30 '19

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

Ola' John Ajiboye • Aug 30 '19

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

Micah Lindley • Aug 30 '19

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

Ola' John Ajiboye • Aug 31 '19

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.
softauthor.com/learn-to-build-fire...

Micah Lindley • Sep 3 '19

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

View full discussion (12 comments)

DEV Community

Help with Firebase Realtime Database

Top comments (12)

Read next

Mastering Advanced Error Handling in Express.js for Robust Node.js Applications

Learn Playwright Automation | E2E Test | Typescript | Auth, Maps, CRUD, GitHub Actions

Master JavaScript date and time: From Moment.js to Temporal

Building deep-links in Electron application