rbgk / flashcards

A Quizlet Alternative. No ads, no log-in, no data collection. Free.

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

flashcards's Issues

HTML Formatting on cards

INFO:
Flashcards are being populated via .innerHTML property. This means HTML code in user input will be parsed and rendered.
It is currently available as a hidden feature.

REQUEST:
Official support using buttons on toolbar. User will need to input text within HTML tags for proper formatting.

Feedback to the user when JavaScript is disabled

This program is heavily reliant on JavaScript. Thus, when a visiting user has disabled JavaScript, the program will not be functional, but the user may just think the site is broken.

Prevent the page from unloading when the inputBox is not empty

To prevent the loss of unsaved data, the user should be displayed a dialog box alerting them of unsaved data.

Overlay does not resize with the window

If the user starts with a smaller window size, launches overlay, and resizes the window to a larger height, the overlay does not automatically resize to cover the empty space.

Similarly, if the user starts with a larger window size, launches overlay, and resizes the window to a smaller height, the overlay will have extra and unnecessary space at the bottom.