improvements for opensource flashcards app in javascript/html5

We are interested in specific improvements for the open source project at:

[url removed, login to view], which implements a simple flashcard library for studyine vocabulary.

The improvements needed are:

need a small button(link) on bottom labelled "M" for menu:

opens a new screen with 2 entries:

[url removed, login to view] to main screen

2. configuration settings

[url removed, login to view] settings opens up a new menu page where we can set the following:

-useProgressBar setting: true/false (if this is false the app works as it does currently), default=true;

- if useProgressBar is true, maxSecondsUntilWrong configuration indicates # secs for which a small progress bar shows timelapse until the card is automatically marked wrong. progress bar is displayed only in study mode and is displayed horizontally on the bottom.

Once the card is marked wrong the correct answer must be displayed automatically

Default value=5 secs.

- secsBeforeCorrectDisplayed= number of secs that the correct answer is displayed (after out of time) until auto move to next, default=3secs

NOTE: the progress bar is not displayed while the correct answer is displayed.

- MODE: 2 options either Browse or study (configurable as a drop down since later we may want more modes).

A) browse mode: when we are in browse mode the cards are displayed in order, no statistics are updated and the progress bar is not shown.

there are 3 parameters for browse mode:

i) number of secs side 1 is displayed (default is 3 secs)

ii) number of secs side 2 is displyed (default is 3 secs)

iii) number of cards in group (default is all)

iv) number of times a group is repeated before moving to the next group

B) study : when in study mode the app updates the statistics and functions as in the current working app (except that the progress bar functions according to the config sections).

The app must display cleanly (ie scale to use the whole screen) on IPhone 4 and 5 in safari (note that currently it does not do this). In addition landscape mode must be fully supported for the main screen (not needed for the configuration menus).

In both browse and study mode, there should be a small button which can be toggled and labelled S or X to either start or stop the browsing/studying.

GENERAL POINTS:

-all config values needs to be stored in local storage along with the cards as is currently done.

-provide a [url removed, login to view] page

-javascript functions need to be placed in a separate file to keep the html page clean.

-final code needs to be checked in a branch in ouicards github site, however for my testing a zip needs to be sent.

-IMPORTANT: this is html5 javascript ONLY, and should also run in chrome on a desktop as well as safari on the iphone (which is the case with the existing app), this will simplify testing.

NOTE: Update Questions and New Questions should be moved to the menu to save space on the top

HTML5 JavaScript jQuery / Prototype

Project ID: #6972672

About the project