Archived project · React library
CompuButton
A React button library used by EarthBucks.
CompuButton gave the EarthBucks interface a reusable button component. The project kept the component separate from the application that used it.
The archive includes the React library and its demonstration website. The demonstration site was unpublished.
How it works
Swipe or click to start one operation
The button originally made its operation visible as a movable puck and a goal. An unfinished swipe returned the puck to its starting point. A completed gesture and an ordinary click followed the same visible arrival sequence.
Coordinate busy state and feedback
Repeat clicks during a running operation did not launch additional copies. A status region coordinated computing, success and error announcements with the surrounding EarthBucks form. Automated checks covered this behavior; manual screen-reader qualification was still pending in the report.
Keep component styles portable
The component carried its scoped styles with its JavaScript. Consumer applications no longer depended on Tailwind scanning the library’s files to render the button correctly.
Try a failed swipe followed by a click
Start dragging and release early. Then click twice while a long operation is running. A useful acceptance test checks that the first gesture cancels, the click starts exactly one operation, and the form announces a single result.
Project history
The EarthBucks interface update described spinner and surface work. Interface improvements
The team documented click support, the animated gesture, accessibility checks and portable styling. Implementation report