- go to build_book/src, you'll see a folder mdbook-quiz, this is from cloned from https://github.com/cognitive-engineering-lab/mdbook-quiz.
- go to this mdbook-quiz/example
- under this dir, build the book by: mdbook build, then mdbook serve
- you'll see a mdbook with quiz we are currently implementing
TODO: what we want to do
- still under mdbook-quiz, go to js/ib/questions, the tsx files are all files that define different formats of questions.
- what we need to work: the visualization.tsx, defines the format of the quiz question of type "visualization". Feel free to check multiple choice.tsx/short answer.tsx for learning the structure (pretty easy to read and understand)
- if you changed anything in .tsx, re-build the structure by
- going back to mdbook-quiz/js run: pnpm build
- go to mdbook-quiz/example run: mdbook build, then mdbook serve
the content of the quiz (feel free to modify the content and see if the quiz gets changed when you build)
- the content of the quiz are defined inside mdbook-quiz/example/src/quiz.toml, this is what users modify for designing their own quizzes.
- I had included vis_code.svg and vis_timeline.svg under same dir for convenience