Add Flashcards app specification Resolves: N/a See also: N/apull/13/head
parent
53447d4782
commit
8d24d82089
@ -0,0 +1,48 @@
|
||||
# FlashCards
|
||||
|
||||
FlashCards are a time tested technique used by students to review and test
|
||||
their knowledge on a particular subject.
|
||||
|
||||
This app is based on a knowledge base of questions and answers about a
|
||||
particular subject and randomly displays a card with the question and multiple
|
||||
answers. The objective is for the user to select the correct answer(s).
|
||||
|
||||
## User Stories
|
||||
|
||||
- [ ] User can see a single card, randomly picked from the "deck" displayed
|
||||
at any point in time
|
||||
- [ ] User can see a question on the card and a list of four possible answers,
|
||||
each of which is identified by a letter.
|
||||
- [ ] User can select an answer by clicking on it
|
||||
- [ ] User can see an error displayed when the wrong answer is selected
|
||||
- [ ] User can see a congratulations message when the correct answer is
|
||||
selected.
|
||||
- [ ] User can click a 'Next Question' button to display the next flash card.
|
||||
|
||||
### Additional Info for the Developer
|
||||
- For this app the knowledge base of questions and answers should be encoded in
|
||||
a JavaScript object.
|
||||
- The possible answers display on each card should be randomly chosen from
|
||||
other flashcards.
|
||||
|
||||
## Bonus features
|
||||
|
||||
- [ ] User can click a 'Results' button to display the tallies of
|
||||
correct and incorrect answers.
|
||||
- [ ] User can click a 'Reset' button to reset the tallies of correct
|
||||
and incorrect answers.
|
||||
- [ ] User can click a 'Shuffle' button to re-randomize the "deck"
|
||||
- [ ] User can click a 'More Info' button to flip the flash card to see
|
||||
additional information. For example, detailed information about the subject
|
||||
of the question on the front of the card.
|
||||
|
||||
## Useful links and resources
|
||||
|
||||
The definitive source for HTML/CSS/Javascript is [MDN](https://developer.mozilla.org/en-US/)
|
||||
|
||||
Example Javascript questions and answers can be found at
|
||||
[Brainscape](https://www.brainscape.com/subjects/javascript).
|
||||
|
||||
## Example projects
|
||||
|
||||
[Vintage Multiplication Flash Cards](https://codepen.io/NinoLopezTech/pen/vJBMpZ)
|
Loading…
Reference in new issue