Jennifer Bland header image
≡ Menu

SPA Application using Vue.js, Vuex, Vuetify, and Firebase (Part 4)

Learn how to create a meal delivery website using Vue.js, Vuex, Vue Router, and Firebase.

This is part four of my four-part series on building a Vue application. Here is a list of all the parts:

Part 1: Installing Vue and Building an SPA using Vuetify and Vue Router

Part 2: Using Vue Router

Part 3: Using Vuex and accessing API

Part 4: Using Firebase for Authentication

Recap

In the first part of this series, we created our Vue application using the Vue CLI. Also, we added Vuetify to the app. We used Vuetify to style our home page.

In the second part, we used Vue Router to add navigation between the different pages of our app. We added components for all the pages in our application.

In the third part, we were introduced to Vuex. We signed up for an API to provide recipes and used axios to retrieve them. This data was stored in the Vuex store which made it accessible to every component in the application.

[continue reading…]

SPA Application using Vue.js, Vuex, Vuetify, and Firebase (Part 3)

Learn how to create a meal delivery website using Vue.js, Vuex, Vue Router, and Firebase.

This is part three of my four-part series on building a Vue application. Here is a list of all the parts:

Part 1: Installing Vue and Building an SPA using Vuetify and Vue Router

Part 2: Using Vue Router

Part 3: Using Vuex and accessing API

Part 4: Using Firebase for Authentication

Recap

In the first part of this series, we created our Vue application using the Vue CLI. Also, we added Vuetify to the app. We used Vuetify to style our home page.

In the second part, we used Vue Router to add navigation between the different pages of our app. We added components for all the pages in our application.

[continue reading…]

SPA Application using Vue.js, Vuex, Vuetify, and Firebase (Part 2)

Learn how to create a meal delivery website using Vue.js, Vuex, Vue Router, and Firebase.

This is part two of my four-part series on building a Vue application. Here is a list of all the parts:

Part 1: Installing Vue and Building an SPA using Vuetify and Vue Router

Part 2: Using Vue Router

Part 3: Using Vuex and accessing API

Part 4: Using Firebase for Authentication

Recap

In the first part of this series, we created our Vue application using the Vue CLI. Also, we added Vuetify to the app. I am using Vuetify for styling the app. I will also take advantage of the many UI components that it offers.

After getting everything installed, we styled the home page of our application.

[continue reading…]

SPA Application using Vue.js, Vuex, Vuetify, and Firebase (Part 1)

Learn how to create a meal delivery website using Vue.js, Vuex, Vue Router, and Firebase.

Do you want to learn how to use Vue.js? Want to create a realistic website using Vue.js? In this tutorial, I will teach you how to create a meal delivery website using Vue, Vuex, Vue Router, Vuetify, and Firebase.

This tutorial is presented as a series of articles that will take you from installing Vue for the first time to creating a fully functional meal delivery website. The header image above shows the website that we will be creating.

This tutorial is broken down into a four-part series. Here are the links to each part of the series:

Part 1: Installing Vue and Building an SPA using Vuetify and Vue Router

Part 2: Using Vue Router

Part 3: Using Vuex and accessing API

Part 4: Using Firebase for Authentication

This tutorial is suitable for everyone regardless of your skill level. I only assume that you have a knowledge of ES6.

Let’s get started.

[continue reading…]

Three years ago I attended a coding bootcamp. Today I became a Google Developers Expert.

This is the story of my journey and how I got there

I am a Google Developers Expert in Web Technologies

What is a Google Developers Expert?

Let me start with Google’s official definition, and then I will follow with my definition.

A Google Developers Expert (GDE) is a person recognized by Google as having exemplary expertise in one or more of their products. The Google Developers Experts program awards GDEs. Google established and administers the program.

For me, a Google Developer Expert is a person who is a leader in their area of specialization. This person also contributes to the tech community. Contribution can consist of any combination of speaking, writing, open source contribution, training courses or maintaining a repo.

[continue reading…]