/mini-quiz-app

A quiz app created with Django and Wagtail.

Primary LanguagePython

Mini Quiz App

A web app created with Django and Wagtail.

OVERVIEW

  • A web app that allows the site visitor to browse an index of quizzes, an index of categories, quizzes inside a category and hide and reveal answers on each quiz page.
  • The user can create quizzes, give an introduction to each quiz, assign multiple categories and create and re-order questions inside each quiz,

DESIGN FEATURES

  • The 'quizzes' app models make use of a combination of the Wagtail page ecosystem and standard Django models. Quizzes are Wagtail pages, categories are Django models, and quiz questions are 'Orderables' that are created inside a quiz page.

  • Quiz categories are displayed in the user admin separately from the 'Pages' directory. This is acheived using the 'modeladmin' classes.

  • The site admin uses django views and urls for category detail pages and category list pages.

  • Template tags are used to save code re-use. Different tags are used for different page sidebars. A sidebar of quizzes is used in the category list page and a sidebar of categories is used on quiz pages and the quiz index page.

  • JS is used for the quiz page to hide and reveal answers on click.

  • The homepage makes use of template tags that are also used in other areas of the site.

  • Bootstrap grid is used for the layout of pages and the website color scheme.