Project
Roulette

FlashCards

FlashCards are a time tested technique used by students to review and test their knowledge on a particular subject.

IntermediateWeb appSocial7–18hAI-buildable 5/5no setup

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).

UI
Logic
Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 8

  • User can see a single card, randomly picked from the "deck" displayed
  • User can see a question on the card and a list of four possible answers,
  • 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
  • User can click a 'Next Question' button to display the next flash card.
  • For this app the knowledge base of questions and answers should be encoded in
  • The possible answers display on each card should be randomly chosen from

Once it works

  • User can click a 'Results' button to display the tallies of
  • User can click a 'Reset' button to reset the tallies of correct
  • 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

Suggested stack

reacttypescripttailwinddate-fns

Track it