6 Hour Vue.js & Firebase Project – FireBlogs

6 Hour Vue.js & Firebase Project – FireBlogs

Build a multi-user blog site job with Vue.js, Vuex and Firebase

Trial:
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:

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.

Blogging