StudyApp
A study app built for more precise management, clearer UI representation, and better progress tracking.
Stack
- Next.js
- React
- Tailwind
- TypeScript
- Node.js
- Hono.js
- Drizzle ORM
- PostgreSQL
- Docker
- OpenAPI
- Zod
- shadcn/ui
- TanStack Query
- Recharts
- dnd-kit
- Vitest
- Testing Library
- Playwright
- ESLint
- Prettier
Highlights
- Study sets with learn, test, flashcard, and FSRS review flows.
- Collections, filters, grid, list, table, and split views for larger libraries.
- Due and scheduled review pages show overdue cards, upcoming reviews, and progress data.
Overview
StudyApp is a study-set app for creating practice material, studying it in multiple modes, and tracking progress. Users can organize sets into collections, study with learn, test, and flashcard modes, and review cards through FSRS-based scheduling.
The app is built for users who need more precise control over study material, clearer UI representation, and better progress visibility than simpler card tools usually provide.
Implementation notes
The repository is a pnpm workspace with a Next.js 16 web app and a Hono API. Drizzle and PostgreSQL handle persistence, including review schedules, review logs, and FSRS settings.
The implementation includes protected routes, filtering, split-view editing, drag-and-drop organization, Docker services(for development mainly), environment templates, Storybook, unit tests, and E2E coverage.
Why I Built It
Popular solutions did not give me the level of precision I wanted for managing study material, representing it clearly in the UI, or visualizing progress over time. I built StudyApp to solve that gap with better organization, clearer tracking, and a product surface that makes it easier to understand progress and decide what to study next.