This is my first time to post here in dev.to since I joined to this awesome community, I spend most of my free time here instead of browsing in Facebook and it help me learn many things.
I created a dead simple CRUD operation using Bootstrap and Firebase, which you can find here
LINK
https://github.com/johndavemanuel/firebase-firestore-crud
DEMO
https://johndavemanuel.github.io/firebase-firestore-crud/
It is working fine as usual like
- Creating new data
- Reading data from server and update it whenever an action happens
- Editing existing data
- Deleting data
- Multiple delete of data
I an new to firebase and I am planning to add
- keyword search
- pagination (next and previous)
Any pull request or help will be appreciated.
Top comments (17)
Perhaps we can use something like this in Checkmark... just need it to read and write to an HTML list instead of a table. 🤷🏻♂️
How do you paginate your data in Checkmark?
Hmmm... I’m not using pagination right now. All that’s being used is a lot of
lielements. Every time you create a new task, the Javascript creates a new list item.I see. I am planning to create something like this
datatables.net/
take a look on the pagination with hint of items that is currently display
Okay... the issue is that doing that kind of defeats the purpose of Checkmark. It’s meant to be a sleek and extremely simple checklist that is effortless to use and sync. If I use the table, I can’t use the same CSS (Materialize) that I’m using. It would be practical, but the main point of Checkmark is simplicity and elegance. Is there any way to accomplish Firebase dB communications without using a table?
Yes, it is possible, the return of the firebase DB is like a JSON, so it is up to you what element you will use to display it.
Cool! So really what I need to figure out is how to parse and create JSON to and from Firebase. Could you help me figure out how to do that?
Basically, you need to sign up first, setup an account.
console.firebase.google.com
I just watch a Youtube video tutorial from The Net Ninja to easily figure out things, rather than reading.
I’ve signed up to Firebase already (that’s how the sign-in is on the Checkmark page). What I need to know is how to let each user read, edit, and delete their own to-do’s in my Realtime Database. 🙃
Ahh I see, my bad haha, currenlty I am still checking that feature because on my CRUD, I am also planning to add such feature
Ah, okay! Well, if you find out how to do it, let me know or submit a pull request! I started your CRUD repository, so I’ll keep an eye on it! 😄👍 Also, try setting up Firebase auth: firebase.google.com/docs/auth/andr...
I have never try it, seems it is an easy integration of 3rd party accounts
Yeah! My Google auth seems to be having some trouble though- it’s probably just the fact that I’m making my Javascript up as I go and building most of my code from existing GitHub repos and Stack Overflow answers. 😂
did u find out the code where pagination and search works for this app...?
Please reply ASAP!
github.com/johndavemanuel/firebase...
the above link is no more available.....please provide the valid link
ahh sorry about that, will change the repo ASAP
Did u find out the code where pagination and search works for this app...?
Please reply ASAP!