https://github.com/fsojitra/firebasedb-crud-as-simple-todo-list-with-html-and-jquery-javascript
This is example of To-Do list using FirebaseDataBase and Jqury, Html, Basically CRUD operation in firebase and HTML,JQuery. You can Add , Edit, Update and Delete To-Do
https://github.com/fsojitra/firebasedb-crud-as-simple-todo-list-with-html-and-jquery-javascript
crud crud-application crud-web firebase firebase-database firebase-db firebase-firestore firebase-functions firebase-hosting firebase-storage firebasedatabase html javascript javscript jquery snippets todo todo-list
Last synced: 8 months ago
JSON representation
This is example of To-Do list using FirebaseDataBase and Jqury, Html, Basically CRUD operation in firebase and HTML,JQuery. You can Add , Edit, Update and Delete To-Do
- Host: GitHub
- URL: https://github.com/fsojitra/firebasedb-crud-as-simple-todo-list-with-html-and-jquery-javascript
- Owner: fsojitra
- License: gpl-3.0
- Created: 2018-06-16T08:18:04.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2025-02-05T04:04:47.000Z (11 months ago)
- Last Synced: 2025-02-24T22:51:23.128Z (10 months ago)
- Topics: crud, crud-application, crud-web, firebase, firebase-database, firebase-db, firebase-firestore, firebase-functions, firebase-hosting, firebase-storage, firebasedatabase, html, javascript, javscript, jquery, snippets, todo, todo-list
- Language: HTML
- Homepage:
- Size: 22.5 KB
- Stars: 7
- Watchers: 0
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Firebase CRUD as simple todo list with HTML and JQuery/Javscript
This is example of To-Do list using FirebaseDataBase and Jqury, Html, Basically CRUD operation in firebase and HTML,JQuery. You can Add , Edit, Update and Delete To-Do
# Prerequisites
You need to have firebase Account.
* Login to gmail.
* Go to firebase console.
* Create New Project.
* Go to Database in Develop .
* Click on "Get Started" with Realtime Database Start in Test Mode.
# To Run
### You need to Clone Or Download zip of this code.
### Need to replace two things in todo.html
Open Your Project You created with DB and go to Overview. Click on "Add Firebase to your web app" You will get code snippet look like below
```
var config = {
apiKey: "<API_KEY>",
authDomain: "<PROJECT_ID>.firebaseapp.com",
databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
projectId: "<PROJECT_ID>",
storageBucket: "<BUCKET>.appspot.com",
messagingSenderId: "<SENDER_ID>",
};
firebase.initializeApp(config);
```
now you have to replace your own code snippet in todo.html and you are good to go :tada:
it would not work if you don't change code snippet add real one.
### If you have done all above changes then just open todo.html in bowser and it's up and Runing you can now add, update and delete ToDo.
:star2: