/naughty-confirmation-modal

The perfect imperfect dialog box for confirming user actions

Primary LanguageJavaScriptMIT LicenseMIT

naughty-confirmation-modal

This project is now archived, and taken off GH Pages

Build Status code style: prettier

The perfect imperfect dialog box for confirming user actions!

The Pitch

You know those confirmation modals that ask you to copy a line of text or to repeat a phrase before you are allowed to perform a critical action? Here at this repo, we've taken note of how users feel about this interaction, and elevated this idea to a higher level.

With this modal, you'll be sure to keep users attention for days!

Gromit from 'Wallace and Gromit' frantically lays out train tracks for the mechanical train he is riding atop of to prevent it from running off the rails and crashing

Functionality

As a user enters text to match the prompt, and thus unlock the confirmatin button, the prompt will extend itself so that it is always slightly ahead of user input. Any advances made in drawing/forcing user attention are also of benefit.

Features

Extended Prompt

With a text prompt that continually grows as users copy text, the fun never ends!

Future Roadmap

Combo Mode!

Flashing lights, counter and a 'personal best' record are sure to keep users engaged and excited!

Closing Notes

Formerly named bad-confirmation-modal, renamed to convey this demo's purpose better and soften negative connotations