Feature: Add Flashcards app specification

Add Flashcards app specification

Resolves: N/a
See also: N/a
pull/13/head
jdmedlock 6 years ago
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)

@ -30,6 +30,7 @@ Each project has the following **features**:
| [Cause Effect App](./Projects/Cause-Effect-App.md) | | [Cause Effect App](./Projects/Cause-Effect-App.md) |
| [Christmas Lights](./Projects/Christmas-Lights-App.md) | | [Christmas Lights](./Projects/Christmas-Lights-App.md) |
| [Color Cycle](./Projects/Color-Cycle-App.md) | | [Color Cycle](./Projects/Color-Cycle-App.md) |
| [Flashcards App](./Projects/FlashCards-App.md) |
| [Flip Image](./Projects/Flip-Image-App.md) | | [Flip Image](./Projects/Flip-Image-App.md) |
| [Kudos Slackbot](./Projects/Kudos-Slackbot.md) | | [Kudos Slackbot](./Projects/Kudos-Slackbot.md) |
| [Lorem Ipsum Generator](./Projects/Lorem-Ipsum-Generator.md) | | [Lorem Ipsum Generator](./Projects/Lorem-Ipsum-Generator.md) |

Loading…
Cancel
Save