A simple flashcard application to help learn about common software design red flags.

• Interactive flashcards with flip animation
• Navigation between cards (previous/next)
• Progress tracking
• Shuffle functionality
• Keyboard navigation (arrow keys and space/enter)
• Responsive design

1. Click on a card to flip it and see the description
2. Use the "Previous" and "Next" buttons to navigate between cards
3. Use the "Shuffle Cards" button to randomize the order
4. Use the "Reset Order" button to restore the original order
5. Track your progress with the progress bar

• Left Arrow: Previous card
• Right Arrow: Next card
• Space or Enter: Flip the current card

• Built with vanilla JavaScript and Tailwind CSS (via CDN)
• Uses Hono for the backend server
• Data stored in a JSON file
• Responsive design works on mobile and desktop

• /index.ts - HTTP trigger to serve the app
• /data.json - JSON data containing the red flags
• /frontend/index.html - Main HTML file with embedded JavaScript and CSS