Develop a multi-user blog application using Vue.js, Vuex, and Firebase in this comprehensive 6.5-hour tutorial. Learn to create a fully functional blogging platform with features like user authentication, blog post creation, editing, and deletion. Master Vue.js concepts, integrate Firebase for backend services, and implement responsive design for both desktop and mobile. Explore advanced topics such as Vue document titles, route guards, and database security. By the end of this hands-on project, you'll have built a professional-grade web application and deployed it to Firebase Hosting, gaining practical experience in modern web development techniques.
Overview
Syllabus
- Introduction.
- Walkthrough.
- Project Setup.
- Navigation(Desktop/Mobile).
- Footer.
- Blog Post Component (Home).
- Blog Card Component (Home).
- Register Section (Home).
- Blogs View.
- Vue Document Titles.
- Firebase Auth Implementation (Login, Register, Reset Password Components).
- Profile Menu.
- Conditional Rendering (User).
- Profile View.
- Admin View (Firebase Functions Setup).
- Create Post Component.
- Post Cover Photo Component.
- Image Handler (Quill Editor).
- Blog Preview.
- Uploading/Publish Blog To Firebase.
- Populating Application From Firebase Data.
- View Blog Component.
- Update/Edit & Delete Blog Post.
- Vue Route Guards.
- Securing DataBase.
Deploy to Firebase Hosting.
Taught by
Traversy Media
