📖 User Guide

Advanced Flashcards WebApp â€ĸ Created by Sidney Shelton â€ĸ Sidscri@yahoo.com

📑 Table of Contents

đŸŽ¯ Getting Started

Advanced Flashcards WebApp helps you learn vocabulary through an interactive flashcard system. While it includes built-in Korean martial arts terminology, you can create custom decks for any subject!

📚 Study Cards

Flip through flashcards showing terms and definitions. Click or press Space to flip.

📊 Track Progress

Mark cards as Learned, Unsure, or Unlearned. Progress saves automatically.

🤖 AI Generation

Generate flashcards from keywords, photos, or documents using AI.

📁 Multiple Decks

Create custom decks for different subjects - Spanish, Math, History, etc.

🎓 Study Tabs

Understanding the Tabs

Studying a Card

  1. Click the card (or press Space) to flip between term and definition
  2. Mark your progress using the buttons below the card
  3. Use arrow buttons or keyboard arrows to navigate
  4. Click 🔊 Speak to hear pronunciation
💡 Tip: Use "Random order" toggle to shuffle cards. Click âŸŗ to reshuffle anytime.

📁 Edit Decks & Switch Subject

Create and manage multiple study decks for different subjects.

Accessing Edit Decks

Click âš™ī¸ More → scroll down to Edit Decks button, or find it in Settings.

Switch Tab

Switch between different study subjects:

  1. Go to Edit Decks → Switch tab
  2. See your available decks with card counts
  3. Click the Switch button on the deck you want to study
  4. The study view will reload with that deck's cards
Creating a New Deck:
1. Scroll to "Create New Deck" section
2. Enter a descriptive name (e.g., "Basic Spanish Words 3rd Grade")
3. Add a description (helps AI understand context)
4. Click "Create Deck"

Editing a Deck

Click the âœī¸ button next to any user-created deck to edit its name or description.

Deleting a Deck

Click the đŸ—‘ī¸ button to delete a deck. This also removes all cards in that deck.

âš ī¸ Note: The built-in "Kenpo Vocabulary" deck cannot be edited or deleted.

🤖 AI Card Generator

Generate flashcards automatically using AI from three different sources.

Accessing AI Generator

Go to Edit Decks → 🤖 AI Generator tab

Method 1: Keywords

  1. Enter a topic (e.g., "Basic Spanish greetings" or "Chemistry periodic table")
  2. Set max cards to generate (1-200)
  3. Click 🔍 Generate
  4. Review generated cards and select which to keep
  5. Click "Add Selected Cards to Deck"
💡 Tip: If you leave keywords empty, the AI will use your deck's name and description as the search topic.

Method 2: Photo

  1. Click the photo upload zone or drag an image
  2. Upload a photo of study materials, textbook pages, or existing flashcards
  3. Click 🔍 Extract
  4. AI will read the image and create flashcards from the content

Method 3: Document

  1. Upload a PDF, TXT, or MD file
  2. Click 🔍 Extract
  3. AI will read the document and generate vocabulary cards

Duplicate Filtering

The AI Generator automatically filters out terms that already exist in your deck. You'll see a message like "Generated 92 new cards. (8 duplicates filtered out)"

➕ Adding Cards Manually

Add individual cards to your deck with AI assistance.

Add Cards Tab

  1. Go to Edit Decks → + Add Cards tab
  2. Select your target deck from the dropdown
  3. Enter the term (required)
  4. Enter the definition (required)
  5. Optionally add pronunciation and group/category
  6. Click + Add Card

AI Assistance Buttons

Each field has a 🤖 button for AI help:

💡 Tip: AI definitions use your deck's name for context. A card in "Spanish Vocabulary" deck will get Spanish translations, not Kenpo definitions.

Your Added Cards

Click "Show" under "Your Added Cards" to see all cards you've created. You can edit or delete them from here.

⭐ Custom Set (Starred Cards)

Create a personalized study set by starring cards you want to focus on.

Adding Cards to Custom Set

Studying Custom Set

Pick Random N

In Custom Set, click the 🎲 button and enter a number to study a random selection of your starred cards.

🧩 Word Breakdowns

View the meaning of each part of compound terms.

Viewing Breakdowns

When a card has a breakdown, you'll see it displayed on the definition side. Each part shows:

Creating Breakdowns

  1. Click the "Breakdown" button on a card
  2. Add parts using "+ Add part"
  3. Use "Auto-fill" to let AI suggest breakdowns
  4. Click "Save" to store the breakdown
💡 Tip: Breakdowns are shared across all users, so others benefit from your contributions!

âš™ī¸ Settings

Customize your study experience. Access via âš™ī¸ More button.

Study Settings

Voice Settings

Display Settings

🔄 Syncing Progress

Keep your progress synchronized between devices (web and Android app).

Push & Pull

How Sync Works

Each card's status has a timestamp. When syncing, the most recent change wins. This allows offline study on multiple devices.

Sync Breakdowns

Click "Sync Breakdowns" to download all shared word breakdowns.

âš ī¸ Note: Custom decks and user-created cards are currently stored per-device and don't sync to the Android app.

âŒ¨ī¸ Keyboard Shortcuts

KeyAction
Space or EnterFlip card
← →Previous / Next card
1Mark as Didn't Get It (Unlearned)
2Mark as Unsure
3Mark as Got It (Learned)
SSpeak current card

❓ Troubleshooting

Common Issues

Getting Help

Contact: Sidscri@yahoo.com

â„šī¸ Version Info

Loading...