Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Vue.js & Firebase Project - FireBlogs

Traversy Media via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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.

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

Reviews

Start your review of Vue.js & Firebase Project - FireBlogs

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.