Web App · Education · Productivity · 2026

NoteCards – Smart Notes & SRS Flashcards

A note-taking and flashcard app featuring spaced repetition, quizzes, battle mode, a study calendar, and a deck marketplace to keep learning structured.

NoteCards study dashboard showing card statistics, a retention heatmap, and a study calendar
  • 6Integrated Core FeaturesNotes, SRS flashcards, quizzes, battles, a study calendar, and a deck marketplace
  • 189Total FlashcardsCards saved across all user decks
  • 3Active DecksFlashcard decks managed, including those published to the marketplace
  • 100%Mastery RatePercentage of cards mastered based on SRS rating
Case study contents
Case study reading progress

Objective

Build a unified learning platform combining notes, spaced-repetition flashcards, quizzes, and competitive battles to make studying more structured and consistent.

Results and limitations

6 integrated core features (notes, SRS, quizzes, battle, calendar, marketplace) — 189 cards, 3 active decks, 100% mastery rate.

The app runs stably with all core features working — notes, SRS flashcards, quizzes, battles, a study calendar, and a deck marketplace (currently at v0.4.0-alpha). Since it hasn't been promoted or distributed widely, active usage is still limited, so metrics like long-term retention and performance at scale haven't been validated yet. The next development focus is growing real users to stress-test the social features (battle mode and marketplace).

Visual evidence

Marketplace Deck — discover and save flashcard decks from other users, complete with a like and rating system
Flashcard deck management with per-deck mastery progress indicators
Note-taking feature with tags and search to organize study material
Marketplace Deck page showing public decks "Statistika Matematika 2" and "Ilmu Common" with card count, likes, and ratings
Marketplace Deck — discover and save flashcard decks from other users, complete with a like and rating system
1 / 3

Technical details

Open implementation details

Role and contribution

Solo developer — designed and built the full system (frontend, Supabase backend, SRS/quiz/battle features, study calendar, marketplace, and Android packaging).

Methodology

Frontend built with React + Vite; backend on Supabase (PostgreSQL with Row-Level Security and PLpgSQL functions); mobile app packaged via Capacitor for Android; web deployment on Vercel.

Technologies

  • React
  • Vite
  • Supabase (PostgreSQL/PLpgSQL)
  • Capacitor (Android)
  • Tailwind CSS

Work evidence

Open live demo ↗
← All projects