Firebase Auth Using Javascript

If you're building a new app or adding sign-in to an existing app, Firebase has libraries and services that can help you implement secure authentication without having to build the authentication backend yourself. Firebase Authentication is a complete backend solution for signing in with passwords, federated identity providers, email links, and text messages.

You can use Firebase Authentication to allow users to sign in to your app using one or more sign-in methods, including email address and password sign-in, and federated identity providers such as Google Sign-in and Facebook Login.

Add and initialize the Authentication SDK

import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";

// TODO: Replace the following with your app's Firebase project configuration
const firebaseConfig = {
  // ...
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);

// Initialize Firebase Authentication and get a reference to the service
const auth = getAuth(app);

Tech

Client: HTML, CSS, JavaScript

Server: Firebase

Screenshots

Login Page

Signup Page

Validation Preview on Signup Page

Forgot Password Page

Dashboard Page

Change Your Password Modal in Dashboard Page

Demo Link

URL link : https://abhi-gowda.github.io/Firebase-Auth-Using-Javascript/

Reference and Documentations

Firebase Authentication : https://firebase.google.com/docs/auth/web/start

Bootstrap 5 : https://getbootstrap.com/docs/5.2/getting-started/introduction/

Javascript (Modular) : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules

SweetAlert2 : https://sweetalert2.github.io/

License

GNU