Quiz Time – Ionic Quiz App Theme

Overview

A beautiful elegant theme for quiz in ionic3 with chart.js embedded to display and compare result for every level using charts. Easily customizable template for ios, android and windows platform supporting various screen sizes.

Screens:

  • Home Screen
  • Level Screen
  • Quiz Test Screen
  • Result Screen
  • Performance Summary Screen – with Chart.js

Version: 3.9.2

View App using ionic view id: 91ecd36f

Features

  • Simple, Clear and Attractive design
  • Progressing timer for each question.
  • Line chart to display score secured in each level
  • Doughnut Chart to display average percentage scored in each level of difficulty
  • Animation effects on incrementing score while attending quiz
  • Supporting portrait orientation
  • Easily customizable themes with scss files
  • Comments were included in the code for easy understanding and modification

Requirements

Install ionic dependencies: NodeJS, Github, Cordova and Ionic2

Instructions

Download the zip file and unzip it.

Copy the folders inside quizTime/src to your projects src folder

Run “npm install chart.js –save” from console to include chartjs in your project

Run “$ionic serve” to check the app in browser

Related