Informaatika Flashcards

A flashcard app for studying computer science (informatics) concepts such as context-free grammars, pushdown automata, and formal language theory. Built with React and Vite, with KaTeX for rendering mathematical notation.

Features

• Interactive flashcards — flip cards to reveal answers
• Math rendering — LaTeX formulas rendered inline via KaTeX
• Score tracking — mark cards you know and see your result at the end
• Card selector — jump to any card directly
• Reset — restart the deck at any time

Getting Started

Prerequisites

• Node.js (v18 or later)

Install & Run

npm install
npm run dev

The dev server will start at http://localhost:5173.

Build for Production

npm run build
npm run preview   # preview the production build locally

Deploy to GitHub Pages

npm run deploy

Adding / Editing Cards

Cards are defined in src/cards.js. Each card is an object with a q (question) and a (answer) field. LaTeX math can be included using $...$ delimiters.

{
  q: "Kontekstivaba grammatika (KVG)",
  a: "Nimetatakse nelikut $G = (V, T, P, S)$, kus ..."
}

Tech Stack

• React 18
• Vite 6
• KaTeX via react-katex