nanvel/flashcards

A flashcardsjs app template

Flash Cards JS template

Source code: flashcardsjs. An example: Learn Japanese kana.

How to create your own flashcards app

Clone this repository:

git clone https://github.com/nanvel/flashcards.git
cd flashcards

Update index.html, set a questions list, for example:

あ,a
a,あ
い,i
i,い

You can put it inside the questions div:

<div id="questions" style="display: none">
あ,a
a,あ
い,i
i,い
</div>

or in a separate file:

<div id="questions" data-url="questions.csv" style="display: none"></div>

Create a gh-pages branch:

git commit
git push origin master
git branch gh-pages
git checkout gh-pages
git push origin gh-pages

Open the app on GitHub pages:

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