Skip to content

bay0/react-app-protect

Repository files navigation

react-app-protect

Password protect a react app.

Simple password field, not a replacment for basic auth.

Not secure at all.

NPM JavaScript Style Guide

Demo

password: test

Install

npm install --save react-app-protect
yarn add react-app-protect

Using FingerprintJS to encrypt the password via AES. Storing the cipher in the localStorage. Checking if the stored cipher is valid against the sha512 hash.

Props

Name Type Default Description
sha512 String SHA 512 Hash app
blur Boolean false Blur the content
boxTitle String This page is password protected. Title of the login box
inputPlaceholder String Password Placeholder for the input field
buttonLabel String Submit Label used for the button
styles Object Styles

Usage

import React, { Component } from 'react'

import Protect from 'react-app-protect'
import 'react-app-protect/dist/index.css'

class App extends Component {
  render() {
    return (
      <Protect sha512='EE26B0DD4AF7E749AA1A8EE3C10AE9923F618980772E473F8819A5D4940E0DB27AC185F8A0E1D5F84F88BC887FD67B143732C304CC5FA9AD8E6F57F50028A8FF'>
        <div>Content</div>
      </Protect>
    )
  }
}

License

MIT © bay0