react-app-protect
Password protect a react app.
Simple password field, not a replacment for basic auth.
Not secure at all.
✨ 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