Major Anterior Muscles

Click on a muscle to learn about it

  • Name:
  • Origin:
  • Insertion:
  • Innervation:

Muscle Name Quiz

Click on a muscle and fill in the correct name

  • Name:
  • Origin:
  • Insertion:
  • Innervation:

Muscle Origin Quiz

Click on a muscle and fill in the correct origin

  • Name:
  • Origin:
  • Insertion:
  • Innervation:

Muscle Insertion Quiz

Click on a muscle and fill in the correct insertion

  • Name:
  • Origin:
  • Insertion:
  • Innervation:

Muscle Innervation Quiz

Click on a muscle and fill in the correct innervation

  • Name:
  • Origin:
  • Insertion:
  • Innervation:

About Us

Jessica Zhang and Jessica Del Grande are front-end developers based in Toronto, Canada. This self-conceived interactive project -- their very first exploration of JavaScript -- was created in 2017, and it pushed them both to think critically and access a wide range of their newly-mined JS knowledge.

By designing a quiz with an interactive human body as the centerpiece, Jessica Zhang was able to leverage her skill as a medical illustrator, and Jessica Del Grande took advantage of her own background in human anatomy.

In this project, the Jessicas used a wide variety of powerful skills:

  • Building the framework of the site using HTML5, CSS3, and SCSS;
  • Writing JavaScript and using the jQuery library;
  • Interaction with the DOM triggered by user input;
  • Dynamically adding to the DOM using JavaScript;
  • Creating and mapping a clickable SVG;
  • Collecting, evaluating, and returning user-supplied data.

In 2021, Jessica Del Grande revisited the code, redesigning the HTML to allow for the use of flexbox (instead of floats) and updating the JavaScript/jQuery to be more efficient. The workflow was also modified to use Gulp (replacing the original Prepros).