VueJS, the Composition API & Firebase Authentication

VueJS, the Composition API & Firebase Authentication

Creating a web app with signup and login social authentication using VueJS, the Composition API and Firebase Authentication.

As a creator of web apps, chances are that you’ll eventually need some form of Authentication.

Developing a full-fledged authentication system, with email verification and forgotten password systems, is difficult to get right and even harder to prove secure.

The alternative is to go for an “off the shelf” identity provider which, whilst they give you everything you need right out of the box, can quickly become expensive, and therefore not viable for smaller projects.

An exception to this is Firebase Authentication by Google.

Firebase Auth allows you to hook into social providers as well as email/password authentication and comes with email verification and forgotten password flows as default. Not only that but it’s free to use! (Up to a certain point of course).

I should state that other Identity Providers, such as Auth0 and Okta, offer free tiers to their pricing. However, I find Firebase Authentication to be much quicker and easier to get going. Not to mention how well it integrates with Firestore DB, allowing me to utilise a single provider for authentication and database all for free!

software-engineering vuejs javascript firebase programming

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Software Developer vs Software Engineer — Differences: Bogus or Real?

In this article, see if there are any differences between software developers and software engineers. What you’re about to read mostly revolves around my personal thoughts, deductions, and offbeat imagination. If you have different sentiments, add them in the comment section, and let’s dispute! So, today’s topic…

Address Geocoding with Google Geocoding API, VueJs, and Firebase

More than likely at some point in your career as a professional developer you’ll be asked to geocode an address. I have personally in two of my last three jobs. In fact, at my last company, I was asked to do something location-based daily. So, in this article, I’ll be showing you how to geocode addresses and display them on a map with Google Maps and Geocoding API, VueJs, and Firebase.

Tinder Style Movie Night Picker with VueJs and Firebase

Part 1— App Setup. Adding Firebase Authentication to Vue. Now that we've set up enabled email/password authentication in Firebase, we ...

Tinder Style Movie Night Picker with VueJs and Firebase

In part 1, we set up our project to include everything we’re going to need for development. Now, we can actually start coding the application. The first thing that we’re going to need is authentication. We’ll be using Firebase Authentication to authenticate our users.

Tinder Style Movie Night Picker with VueJs, and Firebase

Now we can start to focus on the core logic. The first thing we’ll do is work on adding a partner. After we finish that we’ll start on the display and voting of movies.