6 Hour Vue.js & Firebase Project – FireBlogs
Build a multi-user blog project with Vue.js, Vuex and Firebase
Demo:
https://fireblogs-50850.web.app/
Code:
https://github.com/johnkomarnicki/FireBlogs-YouTube
John’s YouTube Channel:
https://www.youtube.com/channel/UCr0D7PVNOHqB3Td7lVl_LKw
John’s Socials:
Tweets by john_komarnicki
https://www.linkedin.com/in/john-komarnicki
Timestamps:
0:00 – Introduction
0:52 – Walkthrough
9:55 – Project Setup
21:45 – Navigation(Desktop/Mobile)
44:52 – Footer
50:08 – Blog Post Component (Home)
1:17:07 – Blog Card Component (Home)
1:39:29 – Register Section (Home)
1:45:58 – Blogs View
2:01:21 – Vue Document Titles
2:04:34 – Firebase Auth Implementation (Login, Register, Reset Password Components)
3:25:43 – Profile Menu
3:45:02 – Conditional Rendering (User)
3:50:20 – Profile View
4:05:16 – Admin View (Firebase Functions Setup)
4:35:08 – Create Post Component
4:57:02 – Post Cover Photo Component
5:02:34 – Image Handler (Quill Editor)
5:08:25 – Blog Preview
5:15:20 – Uploading/Publish Blog To Firebase
5:31:03 – Populating Application From Firebase Data
5:43:40 – View Blog Component
5:54:54 – Update/Edit & Delete Blog Post
6:15:35 – Vue Route Guards
6:23:15 – Securing DataBase
6:25:05 Deploy to Firebase Hosting
source