Flashcard Maker

Add a Card

Front (question)

Back (answer)

Bulk import via CSV — one card per line: front,back

<div class="fc-study-header">
  <span id="fc-study-counter" style="font-size:.85rem;color:var(--slate-500);font-weight:600;"></span>
  <button class="btn btn-ghost btn-sm" id="fc-shuffle-btn">Shuffle</button>
</div>

<div class="fc-progress-bar">
  <div class="fc-progress-fill" id="fc-progress-fill" style="width:0%"></div>
</div>

<!-- Flip card -->
<div class="fc-flip-scene" id="fc-flip-scene" title="Click to flip">
  <div class="fc-flip-card" id="fc-flip-card">
    <div class="fc-flip-face fc-flip-front">
      <div class="fc-flip-label">Question</div>
      <div class="fc-flip-text" id="fc-flip-front-text"></div>
      <div class="fc-flip-hint">Click to reveal answer</div>
    </div>
    <div class="fc-flip-face fc-flip-back">
      <div class="fc-flip-label">Answer</div>
      <div class="fc-flip-text" id="fc-flip-back-text"></div>
    </div>
  </div>
</div>

<!-- Answer buttons (hidden until flipped) -->
<div class="fc-study-actions" id="fc-answer-btns" style="display:none;">
  <button class="btn btn-danger"  id="fc-still-btn">Still Learning</button>
  <button class="btn btn-success" id="fc-know-btn">Know It</button>
</div>

Session Complete!

Here's how you did this round:

<div class="fc-summary-grid">
  <div class="fc-summary-card green">
    <div class="fc-num" id="fc-sum-know">0</div>
    <div class="fc-lbl">Knew It</div>
  </div>
  <div class="fc-summary-card red">
    <div class="fc-num" id="fc-sum-still">0</div>
    <div class="fc-lbl">Still Learning</div>
  </div>
  <div class="fc-summary-card blue">
    <div class="fc-num" id="fc-sum-total">0</div>
    <div class="fc-lbl">Reviewed</div>
  </div>
</div>

<div class="fc-btn-row" style="justify-content:center;">
  <button class="btn btn-primary" id="fc-restart-btn">Study Again</button>
  <button class="btn btn-ghost"   id="fc-review-still-btn">Review Struggling Cards</button>
</div>

Your Progress

Total Cards

Mastered

Still Learning

Current Streak

Mastery Progress

0% mastered

Export Deck

Download all cards as a JSON file to back up or share your deck.

Import Deck

Load a previously exported JSON deck. Existing cards will be kept unless you clear first.

Clear All Cards

Remove every card and reset stats. This cannot be undone.

Test reading speed → Reading Speed Calculator Focus with Pomodoro → Pomodoro Timer Test typing speed → Typing Speed Test