Channel: Traversy Media

Category: Science & Technology

Tags: vuexvuevue.jsvuejsvue firebasefirebase

Description: Build a multi-user blog project with Vue.js, Vuex and Firebase Demo: fireblogs-50850.web.app Code: github.com/johnkomarnicki/FireBlogs-YouTube John's YouTube Channel: youtube.com/channel/UCr0D7PVNOHqB3Td7lVl_LKw John's Socials: twitter.com/john_komarnicki 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