/VueWP-Simple-Flash-Card-Quiz-App

Simple implementation of WP-REST API Created using VueJS CDN and Bootstrap.

Primary LanguageJavaScript

Simple Flash Card Quiz App

Built With VueJS Built For WordPress REST API

Simple implementation of WP-REST API
Created using VueJS CDN and Bootstrap.

Usage

  1. Open index.html on your browser
  2. Type WordPress category slug in the text box
  3. Click on "Take Quiz" Button
  4. Enjoy the Game

Files

  • index.html > Simple HTML file handling the imports for VueJS and Bootstrap CDNs
  • app.js > contains all the basic logic for the game and connection to the WordPress backend

Code

app.js(line 1): const backend_endpoint = 'http://nqub8.com/projects/wpdemo';
change backend_endpoint to your WordPress installation URL
app.js(line 13): max: 5,';
this is the maximum number of questions per quiz

Demo Links

Game http://nqub8.com/projects/wpdemo/vuejs/
Blog http://nqub8.com/projects/wpdemo/

WordCamp 2017 Slides

https://docs.google.com/presentation/d/1VX2SbjEhoEE8odur37-CNsGSTfBwhX9frh-4KsjS6YM/edit?usp=sharing

Resources / Links

VueJS WP-REST API WordPress

Created by: Jason Bruno