Web App · Education · Productivity · 2026

NoteCards – Catatan & Flashcard SRS

Aplikasi catatan dan flashcard dengan spaced repetition, kuis, mode battle, kalender belajar, dan marketplace deck untuk membantu belajar tetap terstruktur.

Tampilan dashboard Jadwal Belajar NoteCards menampilkan statistik kartu, heatmap retensi, dan kalender jadwal belajar
  • 6Fitur Inti TerintegrasiCatatan, flashcard SRS, kuis, battle, kalender belajar, dan marketplace deck
  • 189Total Kartu FlashcardKartu tersimpan di seluruh deck pengguna
  • 3Deck AktifDeck flashcard yang dikelola, termasuk yang dipublikasikan ke marketplace
  • 100%Tingkat PenguasaanPersentase kartu yang sudah dikuasai berdasarkan rating SRS
Isi studi kasus
Progres membaca studi kasus

Tujuan

Membangun satu platform belajar terpadu yang menggabungkan catatan, flashcard berbasis spaced repetition, kuis, dan kompetisi (battle) agar proses belajar lebih terstruktur dan konsisten.

Hasil dan keterbatasan

6 fitur inti terintegrasi (catatan, SRS, kuis, battle, kalender, marketplace) — 189 kartu, 3 deck aktif, 100% tingkat penguasaan.

Aplikasi berjalan stabil dengan seluruh fitur inti berfungsi — catatan, flashcard SRS, kuis, battle, kalender belajar, dan marketplace deck (masih berstatus v0.4.0-alpha). Karena baru dipakai secara terbatas (belum ada promosi/distribusi luas), jumlah pengguna aktif masih sedikit, sehingga data seperti retensi jangka panjang dan performa di skala besar belum bisa divalidasi. Fokus pengembangan berikutnya adalah menambah pengguna nyata untuk menguji fitur battle dan marketplace secara sosial.

Bukti visual

Marketplace Deck — temukan dan simpan deck flashcard dari pengguna lain, lengkap dengan sistem like dan rating
Manajemen deck flashcard dengan indikator progres hafalan per deck
Fitur Catatan dengan tag dan pencarian untuk mengorganisir materi belajar
Halaman Marketplace Deck menampilkan deck publik "Statistika Matematika 2" dan "Ilmu Common" dengan jumlah kartu, like, dan rating
Marketplace Deck — temukan dan simpan deck flashcard dari pengguna lain, lengkap dengan sistem like dan rating
1 / 3

Detail teknis

Buka detail implementasi

Peran dan kontribusi

Pengembang solo — merancang dan membangun seluruh sistem (frontend, backend Supabase, fitur SRS/kuis/battle, kalender belajar, marketplace, dan pembungkusan ke Android).

Metodologi

Frontend dibangun dengan React + Vite; backend menggunakan Supabase (PostgreSQL dengan Row-Level Security dan fungsi PLpgSQL); aplikasi mobile dibungkus lewat Capacitor untuk Android; deployment web via Vercel.

Teknologi

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