Jennifer Bland header image
≡ Menu

Got App? Got Data? Here’s how to store data to MongoDB in a Node / Express App

Every application has data. Let me show you how to store your data in a MongoDB database from an app written with Node.js and Express.js.

What is CRUD

CRUD is an acronym for Create, Read, Update and Delete. CRUD is the operations that you use to:

  • create data in a database
  • read the data in a database
  • update the data in a database
  • delete the data in a database

What we will be creating

We will create a simple application where you can store a user’s first and last name in a MongoDB database. Here is what it looks like:

[continue reading…]

How to Add Authentication to a Vue App Using AWS Amplify

AWS Amplify is a tool for adding authentication for front-end applications. See how easy it is to add to your Vue application.

What we will be creating

We are going to create a very simple Vue application using the Vue CLI. We will modify the default scaffolded application so that it provides a form to register as a new user, a login page and a dashboard page only shown to people that are logged in.

User’s will be able to register using email and password. Once they have registered and login they will be presented with the dashboard page.

[continue reading…]

How to Add Authentication to a Vue App Using Auth0

Auth0 is a flexible, drop-in solution to add authentication and authorization services to your applications. See how easy it is to add to your Vue application so you can register and login users with their email address and a password.

What we will be creating

We are going to create a very simple Vue application using the Vue CLI. We will modify the default scaffolded application so that we can use Auth0 to either register a new user or login an existing user. Once a user is logged in then they will have access to view the About page.

User’s will be able to register with the application using the email and password authentication system in Auth0.

[continue reading…]

How to Add Authentication to a Vue App using Firebase

Firebase provides a very simple and quick way to add authentication to your Vue.js application. In this article I will show you how easy it is to allow users to register with your application using their email and password.

What we will be creating

We are going to create a very simple Vue application using the Vue CLI. We will modify the default scaffolded application so that it provides a form to register as a new user, a login page and a dashboard page only shown to people that are logged in.

User’s will be able to register with the application using the email and password authentication system in Firebase. Once they have registered and login they will be presented with the dashboard page.

[continue reading…]

Form Validation with Vuetify in a Vue App

Your forms can provide a great user experience. Here is how.

Almost every website today has a form that they ask users to fill out. A basic WordPress blog will have a contact us form. An e-commerce website will have a cart checkout form. Even our local traffic courts have a form to fill out to request rescheduling a court date.

The biggest complaint people have with forms is that they do not provide enough feedback when you are completing the form. Users fill out a form and submit it. They get an error message and have to start all over in filling out the form again.

You can minimize customer frustration by having effective form validations. I will show you how to create client-side form validation using Vuetify.

[continue reading…]