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
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
Suggest:
☞ Learn Vue.js from scratch 2018
☞ Vue js Tutorial Zero to Hero || Brief Overview about Vue.js || Learn VueJS 2023 || JS Framework
☞ Build a Quiz App Using Vue JS | Vue JS Quiz App Demo | Vue JS Project Tutorial | Simplilearn
☞ Vue.js Tutorial: Zero to Sixty