StudyAlign: Example Apps

Two minimal demo prototypes, each a Quill rich-text editor instrumented with the study-align-lib logging library. They record mouse and keyboard interactions to a StudyAlign backend, the same integration you would add to a real study prototype.

React

React example →

Quill editor wrapped in a React component, logging through a useLogger hook built on study-align-lib.

Vanilla JS

Vanilla JS example →

The same Quill editor and logging with no framework, plain ES modules bundled by Vite.