Flashcard Study App

• Flip card animation on click
• Navigate between cards
• Track how many cards reviewed
• Shuffle deck order

Follow these steps in order. Each one builds on the previous.

1. Step 1

   Create the card HTML structure with front and back faces

2. Step 2

   Write CSS for the 3D flip animation

3. Step 3

   Store flashcard data as a JavaScript array

4. Step 4

   Render the current card from the array

5. Step 5

   Add click handler to trigger the flip

6. Step 6

   Add next/previous navigation buttons

7. Step 7

   Implement the shuffle function

• CSS 3D transforms
• JavaScript arrays
• W3Schools CSS