GithubHelp home page GithubHelp logo

jaxankey / sankey-flashcards Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 560 KB

Turn any published Google Sheet into Sankey-style flashcards, and share your creation with a permanent html link.

License: GNU Affero General Public License v3.0

HTML 99.13% Python 0.87%
flashcards memory memorization webapp

sankey-flashcards's Introduction

A Google Sheets or Tab-Separated Values (TSV) Flashcard Web-App

Turn any web-published TSV or Google Sheet into Sankey-brand flashcards on any device, and share your creation with a permanent URL.

Using Any Web-Published TSV File

Any URL pointing to a TSV file will work, provided the TSV file has two columns: the first column contains the "questions", and the second column contains "answers". The first row will be skipped (use this for column labels!), as will any rows with blank entries in the first or second column. Once you have this web address, paste it to the end of this:

https://jaxankey.github.io/Sankey-Flashcards/?

as in the examples below. Bookmark the resulting web address. :)

Using a Google Sheet

  1. Create a Google Sheets document with columns conforming to the above specifications.
  2. Select File -> Publish to the web, choose the desired sheets, select Tab-separated values (.tsv)', then push the green Publish button.
  3. Type ctrl+c to copy the gnasty web address shown in this dialog, then
  4. Bookmark this URL :).

App Usage

Basic Controls

  • Tapping the upper (blue) question or lower (red) answer area will reveal the question or answer, respectively.
  • Based on how well you think you did, choose how deep to move the card in the stack. The + button moves the card to a random position beyond the other ranges, and the smiley face removes it until you push Reset.
  • Your "score" will increase depending how deep into the deck you send each card, which (if you play honestly) provides some sense of how well your "workout" is going.

Other Controls

  • Reset will return the deck to its original, ordered state.
  • Shuffle will randomize the remaining deck.
  • Flip will reverse questions and answers.
  • Tapping Score will reset it to zero.
  • Tapping Remaining will re-add all the cards previously marked Done to the end of the stack.
  • The first pull-down menu above the question and answer areas (Silent by default) will select a spoken language (if speech synthesis is available on your browser).
  • The second pull-down above the answers sets the delay before automatically showing the card.
  • The third pull-down above the answers sets whether you must manually tap the depth, or let it automatically choose the depth after you tap the answer area.

The Method

If you get a card wrong or have difficulty, tap 1-2 until it feels automatic, and then progressively upgrade the depth, waiting at each stage until it again becomes automatic. When it's automatic a few times at a high depth, tap the smiley face to remove it from the loop.

Note: Definitely expect your fluency to often regress and downgrade the depth when needed! Downgrading is not a bad thing.

Examples

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.