A Quickdraw minigame prototype with Vue.js and Tensorflow.js/TFVis

A Quickdraw minigame prototype with Vue.js and Tensorflow.js/TFVis

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.

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.

Download Details:

Live Demo: https://andfanilo.github.io/quickdraw-minigame/#/

GitHub: https://github.com/andfanilo/quickdraw-minigame

vue javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Barcode Components for JavaScript, Angular, React, and Vue

In this article, we will examine the new barcode components available in the Wijmo 2020 v2 release. Barcodes represent data in a visual, but machine-readable way. Let's take a look at each of the new barcode components.

The essential JavaScript concepts that you should understand

The essential JavaScript concepts that you should understand - For successful developing and to pass a work interview

Vue Native is a framework to build cross platform native mobile apps using JavaScript

Vue Native is a framework to build cross platform native mobile apps using JavaScript. It is a wrapper around the APIs of React Native. So, with Vue Native, you can do everything that you can do with React Native. With Vue Native, you get

10 Best Vue Icon Component For Your Vue.js App

In this article, I will collect 10 Vue icon component to bring more interactivity, better UI design to your Vue application.

7 Best Vue Highlight Component for Your Vue App

Vue highlight is often used to highlight text and syntax. Here are the 7 Vue highlight components I've collected.