Flashcards

Building an alternative to Quizlet

Feature List:

• UX Buttons
  • Generate cards
  • Start studying
  • Shuffle cards
  • Light/Dark - Theme Switch
  • HTML Text Formatting - Toolbar Buttons
  • Text wrapping toggle - Toolbar Buttons
  • Save a set - Toolbar Buttons
  • Load saved set - Toolbar Buttons
  • Clear the text box - Toolbar Buttons
• Input parsing
  • Raw user input using comma separation word,definition
• Game
  • Play in order
  • Play shuffled
• Support for keyboard input navigation - Keyboard Navigation
  • Spacebar, Arrows Up/Down flips card
  • Arrow keys progress through cards
• Import file to generate cards - File Import/Export
  • Import as .txt file
  • Import as .csv file
• Export cards to file - File Import/Export
  • Export as .txt file
  • Export as .csv file

---

Known Limitations of Project

• When a word or definition includes a comma, only the 1st comma is parsed as the splitter, and any characters following the 2nd comma will not be included in definition
• Browser localStorage option only saves (1) set, while it has ability to store more
• At the current time, this is only available on the web

Theme Switch

• Automatically detects OS-preferred theme and assigns the respective theme
• Theme button functionality allows for manually override
• Manual override is stored in localStorage holding higher precedence than auto-detected preference

Toolbar Buttons

A section of buttons aiding the user.

• Text formatting from bold, italic, underline
  • HTML tags are NOT limited to bold, italic, underline. User can take advantage of .innerHTML and use supported HTML tags
• Saving and loading a set
• Clears the text box at one button click

File Import and Export

• Hidden within the settings panel, the user can choose to import and export files with the choice of .csv or .txt
  • Import a .csv or .txt file to upload their flashcards into the text box
  • Export the contents of the text box to a .csv or .txt file

Keyboard Navigation

When the user launches into the flashcards overlay, they can use the keyboard to navigate.

• To toggle from word to definition: Spacebar, Arrow Up, Arrow Down
• To progress up or down the list: Arrow Right, Arrow Left