Quiz Time - Ionic Quiz App ThemeQuiz Time - Ionic Quiz App Theme
Beautiful Theme for Quiz with chart.js in ionic3, Ionic4 and ionic5Quiz Time - Ionic Quiz App Theme
Beautiful Theme for Quiz with chart.js in ionic3, Ionic4 and ionic5Overview
A beautiful elegant theme for quiz in ionic3, ionic4 and ionic5 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 & 5.5.2
Both builds are available in zip file
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/ionic3/src or quizTime/ionic5/src to your projects src folder based on the version installed in your system
Run "npm install chart.js --save" from console to include chartjs in your project
Run "$ionic serve" to check the app in browser
Note:
- Version 3 code will support both ionic2 and ionic3
- Version 5 code will support both ionic4 and ionic5
Other items by this author
Category | App Templates / Ionic / Themes |
First release | 13 December 2016 |
Last update | 20 January 2021 |
Files included | .css, .html |
Tags | quiz, Timer, test, questions, answers, performance, chart, exam, level, Ionic Framework, ionic2, angular2, angular js2, result, chartjs |