Fake Auth Save

A fake auth service for prototyping authentication flows

Project README

🔐 Fake Auth

A fake auth service for prototyping authentication flows and error states. It currently supports signin, signup, signinWithProvider (google, fb, etc), password resetting, updating email, updating profile data, and subscribing to auth state changes.

Everything is client-side, including the "database" which is stored in local storage. Perfect for quick prototyping or theme developers who'd like to have a demo site without needing to setup a backend.

Install

npm install fake-auth --save

Usage

A simple example with React

import React, { useState } from "react";
import fakeAuth from "fake-auth";

function SigninComponent(props) {
  const [error, setError] = useState();

  const handleSubmit = (email, pass) => {
    fakeAuth
      .signin(email, pass)
      .then((response) => {
        props.onSignin(response.user);
      })
      .catch((error) => {
        setError(error);
      });
  };

  return (
    <form
      onSubmit={(event) => {
        const [email, pass] = event.target.children;
        handleSubmit(email, pass);
      }}
    >
      {error && <p>{error.message}</p>}
      <input type="email" name="email" />
      <input type="password" name="pass" />
    </form>
  );
}

Methods

  • signup(email, pass).then((response) => ...)
  • signin(email, pass).then((response) => ...)
  • signinWithProvider(provider).then((response) => ...)
  • signout().then(() => ...)
  • onChange((response) => ...)
  • sendPasswordResetEmail(email).then(() => ...)
  • confirmPasswordReset(email, code).then(() => ...)
  • updateEmail(email).then(() => ...)
  • updatePassword(pass).then(() => ...)
  • updateProfile(data).then(() => ...)
  • getCurrentUser().then((user) => ...)
Open Source Agenda is not affiliated with "Fake Auth" Project. README Source: gragland/fake-auth
Stars
64
Open Issues
8
Last Commit
1 year ago
Repository
License
MIT

Open Source Agenda Badge

Open Source Agenda Rating