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

See Configuration Reference.

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.

GitHub