A Quickdraw minigame prototype with Vue.js and Tensorflow.js/TFVis
QuickDraw sketch game
A minigame around Quickdraw - have a basic CNN recognize your drawings, or train a CNN on your own drawings !
This prototype was an opportunity for me to play around Tensorflow.js, Vue.js., IndexedDB to store drawings.
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Preview deployment locally
Comment lines in vue.config.js beforehand.
npm install -g serve
# -s flag means serve it in Single-Page Application mode
serve -s dist
https://cli.vuejs.org/guide/deployment.html#previewing-locally
Deploy
https://cli.vuejs.org/guide/deployment.html#pushing-updates-manually
Run your tests
npm run test
Lints and fixes files
npm run lint
Customize configuration
Reset IndexedDB database
Photos drawn in the app are hardcoded to be stored in the "quickdraw" database in table "photos".
In Chrome / Firefox, you can browse its content from the
Developer Tools > Application > Storage > IndexedDB.
Database will be automatically dropped when quitting the application.