Fajar Ferdiansyah

Command Palette

Search for a command to run...

Kembali
WebPersonal

StudentNoteHub - Catatan & Planner Mahasiswa

Aplikasi catatan dan planner untuk membantu pelajar/mahasiswa mengelola materi kuliah dan deadline tugas.

StudentNoteHub - Catatan & Planner Mahasiswa

Ikhtisar

StudentNoteHub adalah aplikasi web untuk pelajar dan mahasiswa yang menggabungkan rich text editor, manajemen deadline tugas, flashcard untuk belajar, dan pengelompokan catatan per mata kuliah dalam satu tempat.

Tech Stack

Next.js

Framework React untuk App Router, Server Actions, dan rendering sisi server

TypeScript

Bahasa pemrograman dengan type-safety untuk kode yang lebih aman

Supabase

Backend-as-a-Service untuk database Postgres, autentikasi, dan storage file

Tailwind CSS

Utility-first CSS framework untuk styling responsif

Fitur

✓

Editor Catatan Kaya

Tulis catatan dengan heading, list, checklist, gambar, dan blok kode, tersimpan otomatis.

✓

Planner & Deadline

Kelola deadline tugas dengan kalender dan pengelompokan berdasarkan urgensi.

✓

Flashcard & Quiz

Buat deck flashcard untuk belajar dan uji pemahaman lewat mode quiz pilihan ganda.

✓

Pencarian Instan

Cari catatan berdasarkan judul, folder mata kuliah, atau tag secara real-time.

Tantangan

Autosave Tanpa Ganggu Mengetik

Menerapkan debounce pada penyimpanan otomatis agar tidak membebani server saat pengguna sedang aktif mengetik.

Keamanan Data Antar Pengguna

Merancang Row Level Security di Supabase agar setiap pengguna hanya bisa mengakses data miliknya sendiri.