https://github.com/noahbravo/pinpad-react

Interactive pin pad developed using react hooks and functional components
https://github.com/noahbravo/pinpad-react

cssmodules cssmodules-react javascript javascript-library jest jest-snapshots jest-tests react reacthooks reacttestutils sass spa

Last synced: 14 days ago
JSON representation

Interactive pin pad developed using react hooks and functional components

• Host: GitHub
• URL: https://github.com/noahbravo/pinpad-react
• Owner: noahbravo
• Created: 2020-08-03T14:30:35.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-06-12T19:23:36.000Z (over 3 years ago)
• Last Synced: 2024-11-28T08:29:09.413Z (2 months ago)
• Topics: cssmodules, cssmodules-react, javascript, javascript-library, jest, jest-snapshots, jest-tests, react, reacthooks, reacttestutils, sass, spa
• Language: JavaScript
• Homepage:
• Size: 5.57 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
# Interactive pin pad

Interactive pin pad SPA developed using react hooks and functional components.

- The pin has max of 4 digits long

- The pin is hidden except for the last number, the rest are replaced with *

- The pin is checked when the user inputs 4 digits

- The screen displays "OK" if the pin is correct, otherwise it shows "ERROR". The pin pad is then reseted.

- The pin pad locks for 30 secs, showing "LOCKED", after 3 failed attempts.

[Launch app](https://master.d10k3mg45usdto.amplifyapp.com/) 🚀

## How to

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app), which comes with the following predefined scripts:

### Run development mode

```

$ yarn start

```

### Run build

```

$ yarn build

```

### Run tests

```

$ yarn test

```