This is a React-based framework for tutorials with interactive questions. It was built using Create React App as a starter, so you can use the standard scripts such as start
and run build
. It was made for information literacy tutorials but could be used for any type of content.
The content of the tutorials is stored in local JSON files. I have no independent documentation for the format, but the files in public/data
demonstrate the use of all question types.
Each question type is a React component or set of components. They are:
- Classify - drag items into categories
- DragText - pull bits of text into order
- TagIt - apply tags to some text
- OrderList - reorder a list of items
- Multiple Choice
- Range
- TextAnswer
The first four of these involve drag-and-drop functionality and are dependent on the excellent react-beautiful-dnd.
The optional submission form at the end of each tutorial sends emails to the student and instructor and records the students initial responses in a database. (Some of the question types require that the student answer correctly before proceeding, so recording their final answer would be pointless.) All of this is dealt with in public/process.php
. Much of this is specific to Ithaca College, but I'm including the file in the repo as an example of what one might do with the results.