anki-memory-game

A responsive PWA that turns Anki-style study content into a browser-based flashcard and memory-game experience.

Status: archived  |  Type: game  |  Visibility: public

Tech: Next.js  ·  JavaScript  ·  Tailwind CSS  ·  IndexedDB  ·  PWA

AI involvement: moderate (ChatGPT) — Built as an AI-assisted weekend project, using LLM support for implementation, iteration, and problem solving.

GitHub →

Why I built this: Built to make Anki-style study content more portable and approachable in the browser by transforming packaged flashcard data and media into a responsive local-first web experience.

Overview

Anki Memory Game is a responsive browser-based study app that transforms Anki-style packaged content into a flashcard and memory-game workflow. Instead of depending on a traditional desktop study flow, the app focuses on making study material usable in a client-side PWA format that works well across devices.

The project involved processing SQLite-backed data and bundled media assets in the browser, then presenting the results through a responsive interface designed for lightweight studying and memory practice. It was built as a weekend AI-assisted project using Next.js, Tailwind, and local-first web app patterns.

Features

• Imports and processes Anki-style study content
• Handles SQLite-backed content and bundled media assets
• Presents material as browser-based flashcards and memory-game interactions
• Responsive UI for desktop and mobile use
• Local-first PWA workflow
• Client-side processing without requiring a traditional server-based study pipeline

Installation

# clone the repository
git clone https://github.com/yourusername/anki-memory-game.git

# enter the project directory
cd anki-memory-game

# install dependencies
npm install

# start the development server
npm run dev