🃏 Flashcards App

Interactive flashcard application built with React, TypeScript, and Tailwind CSS.

🚀 Live Demo

Features

• Click cards to flip and reveal answers
• Navigate between cards with previous/next buttons
• Delete mastered cards or reset the entire deck
• Progress tracking with visual progress bar
• Saves progress automatically using local storage
• Smooth flip animations with Framer Motion

Getting Started

# Clone the repository
git clone https://github.com/KKocot/flashcards.git
cd flashcards

# Install dependencies
npm install

# Start development server
npm run dev

Open http://localhost:5173 in your browser.

Tech Stack

• React 19.1.0 + TypeScript
• Tailwind CSS for styling
• Framer Motion for animations
• Vite for build tooling

Adding Custom Flashcards

Edit src/data/flashcards.json:

{
  "id": 1,
  "question": "Your question",
  "answer": "Your answer",
  "category": "Category"
}