Canvas Quiz Maker

General Commentary

Intuitive quiz maker that exports to a format compatible with San Diego University's Canvas Quiz Converter application. Create a quiz/test using this online application and click the download button to obtain a .txt file in the format required by the San Diego University's Canvas Quiz Converter.

Modern day web applications have become bloated from an end user's point of view versus earlier internet days. This comes with some pros, such as web applications that work on many screen types (mobile, pc, etc.) and that connect with external applications such as social media websites for sharing. However, it has also led to slower loading of the pages and at times large amounts of advertisements filling the screen.

Simplicity is the solution to the above problem. This application works on nearly all screen sizes but the exclusion of bloated packages for external linking / etc. keeps the app running smooth and fast.


Description

Built with JavaScript, Canvas Quiz Maker aims to give another choice to teachers. By focusing on a simplistic and easily useable design, any generation of teacher can easily use the application.

Example of a quiz made within application.
Example test within application.
Example of exported quiz in SDU Canvas Quiz Converter format.
Example of output of test from application.


Application Highlights

  • Accessible on any screen size
  • Ad-free
  • Downloads are quick and easy
  • Immediate results
  • Intuitive design
  • No accounts required
  • No data leaves your device
  • Save by downloading quiz
  • Upload/download any amount of times

Architecture

Canvas Quiz Maker's architecture is rather simple. The entire application is served by the server to the client, so all logic/data manipulation is done by the client's browser.

The application can be self hosted if grabbed via GitHub. Officially, the application will be hosted within this personal site under the tab tools once added. This site's domain is purchased and managed by Name.com. This site is hosted by Netlify.

The application's dependency list is minimal. The application only requires a reference to font-awesome. Otherwise, all pieces of the app were created/designed by me. This was mainly for fun, but also will mean less maintanence down the road since the app will be available for years to come.

In any larger projects I would have certainly gone a different route and used many industry standard frameworks and libraries, such as react. Even in this personal site I am using bootstrap and its features. However, since Canvas Quiz Maker was both a utility I found lacking online and a project to create for fun, I wanted to cut out many of the bits usually skipped via libraries and do them myself for the enjoyment and knowledge that comes with it.