top of page

Beautiful theme for Quiz with chartjs in ionic2

  Quiz Time is a theme built with Ionic3 + AngularJS2 + SASS providing great user experience and rich user interface with charts embedded. One great theme for ios, android and windows platform supporting various device size

Price : $23.00

Quiz Time

Beautiful app template  for quiz  in ionic3

                Quiz Time is a beautiful elegant theme for quiz in ionic2 with chart.js embedded to display and compare results for every level using charts. Easily customizable theme for ios, android and windows platform  supporting various screen sizes and orientation with clean animation.

Screens

  • Home Screen

  • Level Screen

  • Quiz Test Screen

  • Result Screen

  • Performance Summary screen - with chart.js

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

  • Can be used in devices of varying size and platform

  • Easily customizable themes

  • Comments included in the code for easy understanding and modification 

Guideline

  • Install ionic dependencies: NodeJS, Github, Cordova, and Ionic2

  • Create a new ionic 2 project using command - ionic start your_project_name blank

  • Install chart.js library in the project - npm install --save chart.js

  • Unzip the downloaded quizTime  folder

  • Replace the folders inside quizTime/src to the folders inside your projects src folder

  • Run $ionic serve to check the app in browser

Customization

  • Customize the app theme by editing the colors in src/theme/app.variables.scss

  • Follow the comments in the file to modify the timer and chart colours

Demo

      Download Ionic View and test your app before buying with App Id " 91ecd36f"

Description

Details
Version
: 3.0
Size
0 MB
Ionic
: 3.4.2
Platforms
: Android, IOS, Windows Phone 10
Tags
: ionic2, ionic 2, Angular2, Angular 2, Themes, Exam, quiz, result, level, score, marks, summary, chart, performance, analysis, questions, answers, options, ionic3, ionic 3
bottom of page