Flashcards

A lightweight browser-based flashcard application for learning with custom CSV files and optional images.

Features

• Import flashcards from a CSV file
• Display Markdown-formatted terms and explanations
• Add images to questions and answers
• Shuffle or sort cards
• Navigate with buttons or keyboard controls
• Track progress through the current card set

CSV Structure

The CSV file should contain these columns:

Term,MediaTerm,Explain,MediaExplain,Source

Image file names entered in MediaTerm or MediaExplain must match files in the selected image directory.

Technologies

• HTML5
• CSS3
• JavaScript
• PHP
• Papa Parse for CSV processing
• Showdown for Markdown conversion

Usage

1. Open the application in a local or remote web server with PHP support.
2. Select a compatible CSV file.
3. Optionally select the corresponding image directory.
4. Click Load list to start learning.

Project Structure

├── index.php
├── scripts/
│   ├── scripts.js
│   ├── papaparse.min.js
│   └── showdown.min.js
├── style/
├── misc/
└── Flashcards.zip

Author

programmed by Deniz Inan