Developing Quasar Vue website with Firebase

216 views
Skip to first unread message

John Martini

unread,
Aug 28, 2021, 11:04:14 AM8/28/21
to Firebase Google Group
Hey everyone. I'm new here. I just recently joined. I had a beginner type of question as I've recently read a lot about firebase.
I'm looking to develop and application using Quasar and Vue. This application would be for project management with user roles, including file uploading/download and additionally a chat system. I was wondering if I build something like this, which google products would i need to use. Such as Firebase for the Authentication and user roles. Do they provide also a system where I could store files uploaded by users, such as large images, videos and even work files from the various software we use, rather than using dropbox.

Roger Hopkins

unread,
Aug 28, 2021, 9:05:53 PM8/28/21
to Firebase Google Group
Without knowing all of your requirements it's hard to say what exactly you'll need and there's no shortage of articles and blog posts with opinions on using Firebase in your stack.  But I've built several applications with similar functionality that you describe.  Check out the GitHub link below to one of them.

As far as tech stack, here's what I've used:
Firebase:
  • Firestore for all data - I've read several articles, blogs, posts, etc. that this is dependent on your requirements. My apps have very small user and data loads so it's been sufficient for me.
  • Authentication - Firebase provides multiple authentication methods like Google, Facebook etc but the simplest is email & password. You can use custom claims attached to users to set up roles and then use Firestore security rules to restrict/grant data access.  Once you understand the basics of security rules this Firecast Youtube video shows how to implement more advanced security such as using custom claims.
  • Storage - I've used it for both user uploaded images and some dynamic web content. Make sure you review the pricing to get an estimate of what it might cost
Quasar/Vue :
  • I'm currently using V1 of Quasar that's based on Vue 2 but Version 2 supports Vue 3.  
  • A good starting point to learn is Danny O'Connell's Youtube playlists.  Or if you want full training he also has deeper dive courses on Udemy. 
  • I built my own chat feature but Quasar now has a Chat Message component you can use.
Hope this helps

John Martini

unread,
Aug 29, 2021, 11:08:58 PM8/29/21
to Firebase Google Group
you link does not work. maybe its private. but i appreciate you taking the time to respond and share you experience and knowledge.

Roger Hopkins

unread,
Aug 30, 2021, 2:37:38 PM8/30/21
to Firebase Google Group
You were correct.  The GitHub link was private but I just changed to public so you should be able to view it.
Reply all
Reply to author
Forward
0 new messages