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 🚀

How to

This project was bootstrapped with Create React App, which comes with the following predefined scripts:

Run development mode

$ yarn start

Run build

$ yarn build

Run tests

$ yarn test