Beautiful Theme for Quiz with Chart.js in ionic3 and Ionic5
- 3.9.2 and 5.5.2
- iOS, Android
- 4 years ago
- 1 month ago
- quiz, timer, exam, level, test, result, chart, performance, ionicframework, ionic2, ionic 2, angular2, angular 2, ionic 3, ionic3, ionic5, ionic 5, angular 9, questions, answer,
Kindly contact at email@example.com if you are unable to pay via paypal.
Quiz Time is 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.
- Home Screen
- Level Screen
- Quiz Test Screen
- Result Screen
- Performance Summary Screen - with Chart.js
- 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
- Install ionic dependencies: NodeJS, Github, Cordova and Ionic2
- 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 installed ionic version in your system
- Run "npm install chart.js --save" from console to include chartjs library to your project
- Run $ionic serve to check the app in browser
- Version 3 code will support both ionic2 and ionic3
- Version 5 code will support both ionic4 and ionic5
- Customize the app color by editing “primary” under colors in app/theme/variables.scss.
- Follow the comments in the file to modify progressing timer and chart colors.
View Demo before you buy:
We at Digtacode develop hybrid apps and themes in ionic3 and ionic5.
Check out our app themes at http://market.ionic.io/user/220051
Contact us @ firstname.lastname@example.org for further information.
Like us on facebook https://www.facebook.com/digitacode01