Poke Cards v2

Context

Full-stack flashcard app with Markdown/LaTeX editing, study sessions, and AI generation

Description

Poke Cards v2 is a modern monorepo orchestrated with Turborepo, Bun, and pnpm, built around an Express API and a React Router frontend. It lets users create decks, edit card content with Markdown + LaTeX, run study sessions, track progress statistics, and generate new cards with configurable AI providers. The architecture includes shared Zod contracts, Swagger/OpenAPI documentation, Better Auth authentication, MariaDB persistence through Drizzle ORM, and Docker support to run the full stack. The backend is covered by a Vitest suite with 27 test files (services, controllers, middlewares, routes, and docs).

March 2026
1 person

Skills used

Bun
pnpm
Turborepo
React
React Router
TypeScript
Zod
Node.js
Express
Drizzle ORM
MariaDB
Vite
Docker
Vitest
Swagger
OpenAPI
shadcn/ui

Skills

Skills used

Bun
pnpm
Turborepo
React
React Router
TypeScript
Zod
Node.js
Express
Drizzle ORM
MariaDB
Vite
Docker
Vitest
Swagger
OpenAPI
shadcn/ui

Skills acquired

Bun
Turborepo
Drizzle ORM
MariaDB
OpenAPI

Skills improved

React
React Router
TypeScript
Node.js
Express
Vitest
Docker

Features

12Features
Swipe< >
01

Turbo monorepo setup with shared build/dev/lint pipelines for API, web, and packages

Turborepo
pnpm
TypeScript
02

Express backend running on Bun with Better Auth, Drizzle ORM, and MariaDB

Bun
Express
Drizzle ORM
MariaDB
03

Shared Zod contracts between frontend and backend for typed request/response validation

Zod
TypeScript
Node.js
04

React Router + Vite frontend with a modular shadcn/ui-based interface

React
React Router
Vite
shadcn/ui
05

Complete authentication flow (sign up, sign in, session handling, sign out)

Node.js
Express
React
06

Full deck management (create, update, delete, duplicate)

React
TypeScript
MariaDB
07

Markdown + LaTeX card editor with front/back image upload

React
Vite
TypeScript
08

Session-based study mode with per-card answer tracking

React
TypeScript
MariaDB
09

Progress analytics by deck and study session

React
TypeScript
Vite
10

AI card generation with direct import into existing or new decks

Node.js
Express
Zod
11

Server-synced settings and profile (theme, language, AI provider, avatar)

React
Express
MariaDB
12

Vitest backend test suite + Swagger/OpenAPI docs + full Docker stack

Vitest
Swagger
OpenAPI
Docker

Gallery

Gallery

12