nanvel / flashcardsjs

Flash cards js

Flash cards js

An example: Learn Japanese kana

Setup

Use the template

There is a template available: https://github.com/nanvel/flashcards, just clone and set a questions list.

Compile

git clone https://github.com/nanvel/flashcardsjs.git
cd flashcardsjs
npm install
webpack
npm run-script server
open http://localhost:8000

Optimize:

webpack -p --progress

Create a new repository.

Copy build/app.bundle.js -> new repository root.

Copy build/index.html -> new repository root.

Add questions csv to the questions div:

<div id="questions">
question1,answer1[,set1]
...
<div>

or set a csv file url to the questions div data-url attribute:

<div id="questions" data-url="questions.csv"></div>

Customize index.html: title, favicon, ....

Create a new branch gh-pages, push.

open https://<username>.github.io/<repository_name>/

Links

Spaced repetition on Wikipedia