Fullstack Vue-Firebase Consist of Multiple VueFire Apps Inside
Now Live on Internet, Kindly Visit = https://fd-vue-firebase.web.app/#/ or https://vue-firebase-todoapp-3a77a.web.app/#/
Features :
- Fullstack CRUD of Todo App
- Fullstack CRUD of Customer Record System + Image Hosting System
- Firebase as a Realtime Database
- Connecting Vue App (as Frontend) with Firebase (as Backend or Server Side and Database-NonSQL)
- Firebase File Upload & Delete
- Async Awaits
- Vue + Firebase Web Hosting / Live Site
Used References :
- https://stackoverflow.com/questions/46636255/firebase-firestore-is-not-a-function-when-trying-to-initialize-cloud-firestore
- downgrading firebase from 9 version to 8 version, because in the 9 version the setups are very different with tutorials (https://www.npmjs.com/package/firebase) -> i chose 8.10.0 since that is the most stable version in version 8
- Vue-Firebase Setup = https://www.youtube.com/watch?v=tkvQVt2sX7Y
- deploying = https://www.youtube.com/watch?v=Htt8AKeF1Kw&list=WL&index=7
- deploying-2 = https://dev.to/jesusrmendez/how-to-deploy-vue-js-firebase-1iic
- host images research = https://www.google.com/search?q=can+firebase+host+images&oq=can+firebase+host+images&aqs=chrome..69i57j33i22i29i30.4361j0j4&sourceid=chrome&ie=UTF-8
- Firebase Storage Official Docs = https://firebase.google.com/docs/storage/web/create-reference?hl=id
- Vue Firebase Image Upload App = https://www.youtube.com/watch?v=TAjlNU7dVXE
- Reset HTML Input File = https://stackoverflow.com/questions/1703228/how-can-i-clear-an-html-file-input-with-javascript/16222877
- Firebase deploy site to another URL = https://stackoverflow.com/questions/52170023/firebase-hosting-deploy-to-other-site
- Firebase deploy site to another URL (2) - ( in my case, i just define the target as the name like
firebase target:apply hosting vue-firebase-todoapp-3a77a vue-firebase-todoapp-3a77a) = https://firebase.google.com/docs/hosting/multisites - firebase spark (free) pricing plan detail = https://firebase.google.com/pricing?authuser=2&hl=en