Skip to content

Enablement-Engineering/flash-cards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Flash Cards

A free, open-source flashcard app for students and teachers. Study vocabulary, learn languages, or memorize anything—completely free with no ads, no tracking, and full data ownership.

Why Vocab Cards?

  • 100% Free - No subscriptions, no premium features, no paywalls
  • Your Data, Your Control - All flashcards stored locally in your browser. Export anytime as CSV files
  • Complete Privacy - Zero trackers, zero analytics, zero data collection
  • Works Offline - Study anywhere, anytime—no internet required after first load
  • Built with Plain Web Technology - Just HTML, CSS, and JavaScript. No frameworks, no bloat
  • Open Source - MIT licensed. Use it, modify it, share it

Features

For Students

  • Multi-deck Organization - Keep different subjects separate (French vocab, Biology terms, etc.)
  • Quiz Mode - Type your answers and get instant feedback
  • Star Important Cards - Mark cards you need to review more
  • Study Sessions - Select which decks to study, shuffle, and filter by starred cards
  • Fullscreen Mode - Distraction-free studying
  • Import/Export - Share decks with classmates or back up your work

For Teachers

  • CSV Import - Bulk import from spreadsheets (Google Sheets, Excel, etc.)
  • Easy Sharing - Export decks as CSV files to distribute to students
  • No Accounts Required - Students can start using it immediately
  • Accessible - Keyboard shortcuts, screen reader support, mobile-friendly

Getting Started

Option 1: Use It Now

Just open index.html in your browser. That's it.

Option 2: Host It

Upload the files to any web server. It's a static site—works anywhere.

Option 3: Run Locally

# Clone or download this repository
cd vocab-cards

# Serve with any static server, e.g.:
python3 -m http.server 8000
# or
npx serve

Then open http://localhost:8000 in your browser.

How to Use

Creating Flashcards

  1. Click the Create tab
  2. Fill in Front (question), Back (answer), and optional Note
  3. Click Add Card

Studying

  1. Click the Study tab
  2. Select which deck(s) to study
  3. Choose your options (shuffle, quiz mode, starred only)
  4. Click Start Session
  5. Click cards to reveal answers (or type in quiz mode)
  6. Use arrow keys or navigation buttons to move between cards
  7. Press F for fullscreen, S to star/unstar

Importing Flashcards

Create a CSV file with this format:

front,back,note,starred
bonjour,hello,Common greeting,false
au revoir,goodbye,Common farewell,false

Then click Import CSV in the Create tab.

Exporting Flashcards

  • Export Deck - Download the current deck as a CSV file
  • Export All Decks - Download a ZIP file with all decks as separate CSVs

Keyboard Shortcuts

  • Arrow Keys - Navigate between cards
  • Space/Enter - Reveal answer (then advance)
  • S - Star/unstar current card
  • F - Toggle fullscreen mode
  • Esc - Exit fullscreen or close settings

Privacy & Data

  • All data stored in your browser's local storage
  • No servers, no cloud sync, no accounts
  • No cookies, no tracking, no analytics
  • Your flashcards never leave your device (unless you export them)
  • Works completely offline after initial load

Technical Details

  • Built with vanilla JavaScript (no frameworks)
  • Progressive Web App (PWA) with service worker
  • Mobile-responsive design
  • Accessible (WCAG compliant)
  • ~3,000 lines of code total

Browser Support

Works in all modern browsers:

  • Chrome/Edge 88+
  • Firefox 85+
  • Safari 14+
  • Mobile browsers (iOS Safari, Chrome Android)

License

MIT License - see LICENSE file for details.

Free to use, modify, and distribute. No attribution required (but appreciated!).

Contributing

This is a simple, focused app. If you want to add features or fix bugs:

  1. Fork the repository
  2. Make your changes
  3. Test thoroughly
  4. Submit a pull request

Keep it simple. Keep it fast. Keep it private.

FAQ

Q: Does this work on mobile? A: Yes! It's mobile-responsive and works as a PWA.

Q: Can I sync across devices? A: Not built-in, but you can export your decks and import them on other devices.

Q: Will my cards disappear if I clear my browser data? A: Yes. Export regularly to back up your work.

Q: Can I use images in flashcards? A: Not currently—text only.

Q: Is there a limit to how many cards I can create? A: Only your browser's storage limit (usually several MB—thousands of cards).

Support

No official support channel—this is a free project. But feel free to:

  • Open an issue on GitHub
  • Fork and improve it yourself
  • Share it with others

Made for students and teachers who want a simple, private, free flashcard app. No business model. No monetization. Just learning.

About

Free flash card tool for students and teachers

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •