Login-Fire Release 1.0.0

Add authentication to your app faster than lighting a lighter.

Mason
convoo
2 min readJul 24, 2018

--

Feuer Frei ! — Ozalee Meg (on Flickr)

Authentication With Firebase

Most apps need to know the identity of a user. This allows an app to securely save user data in the cloud and provide the same personalized experience across all of the user’s devices.

Nowadays apps have at least 2 ways for authenticating a user. The classical way of using an email address and password or the exceedingly more popular way of using federated identity providers (such Google, Facebook and Twitter). Firebase Auth API sets up a backend service that authenticate your users, preventing duplicated identities, in a couple of minutes. That’s huge!

What about the frontend app? Well, you have few solutions. You can create your own interface from scratch and use the Firebase SDK to reach your Firebase authentication service instance. If your application is an Android, iOS or Web app you can use FirebaseUI that Google built just for you. And if you’re building a modern Web app with Web Components, there is an element for that! And this element is called Login-Fire.

Login-Fire Elements

A simple way to add authentication to your app using Firebase Auth.

The login-fire elements are hybrid WebComponents based on Polymer and bring a ready-to-use interface to authenticate your users using email address + password and/or federated identity providers in less than a minute.

Example:

With the following line of code:

You have this:

<login-fire> element demo

Some exciting new features in the 1.0 release include:

  1. Handling accessibility
  2. Internationalization
  3. Simple customization (CSS and text)
  4. Federated authentication scope specification
  5. Show/Hide password options for email address + password authentication
  6. Hybrid elements!

We hope you’re as excited about the new release as we are! Check out the repo, docs and demo pages. We can’t wait to see what you think of the new elements and fix the issues you report…if you can find some! 😉

You can always come chat with us on Gitter.

--

--