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

John’s YouTube Channel:
https://www.youtube.com/channel/UCr0D7PVNOHqB3Td7lVl_LKw

John’s Socials:
https://twitter.com/john_komarnicki
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

Top Website Builders For 2013

No small business can expect to survive in the Internet era without a website. However, the organizations that provide such a service change from year to year. For example, Wix was once deemed to be an important provider until it was found that Flash websites don’t work well with SEO. This is why you need an up to date list so without further ado, here are 5 of the top website builders of 2013.

Web Portal Essential for Business Enterprise

Web portal is an essential platform that centers on an idea of presenting compiled information about your services and product in the unified manner. With the ease of navigation, it allows users to access multiple things on just one login. The web portal design bestows business enterprise with various benefits. This article includes some of the reasons why this platform is essential for business enterprise.

Concept of xRM and Its Features

The xRM is the natural evolution of the Customer Relationship Management, where x stands for anything. It denotes an organizational relationship with vendors, suppliers, employees, shareholders, etc.

What to Know Before Converting PSD to WordPress

WordPress is one of the most common ways to create a website in today’s digital world. It provides individuals with exceedingly easy options when it comes to website creation. Using their plug-in system allows even novices to create a unique, fully functioning website in moments.

How to Use WordPress Themes for E-Commerce Sites

WordPress is the most widely used straightforward method for getting your existence over the internet. You might have your personal web host readily available, and that means you select the name of the site, or it is possible to have WordPress really host almost everything for you.

You May Also Like