Flashcards

A study deck with flip animation and progress tracking, built in ~10 minutes.

Card
1 / 5
Known
0
Review
0
Question
What does JSX compile to?
Answer
React.createElement calls (or the equivalent jsx runtime function).
Click the card to flip it

Add a card

Built with this prompt

Build a flashcards study app in React with:
- A deck of cards with front/question and back/answer
- Click the card to flip it (CSS 3D transform with backface-visibility)
- Mark Known / Needs Review buttons that advance to the next card
- Shuffle button to randomize the order
- Add new cards via a small form
- Counter showing "card X of Y" and tallies for Known / Reviewing
- Dark UI, no external dependencies