Project ini adalah aplikasi Offline-First berbasis React dengan dukungan Progressive Web App (PWA). Semua data utama disimpan di IndexedDB agar aplikasi tetap bisa berjalan walaupun user sedang offline. Saat koneksi internet tersedia, data akan disinkronkan dengan Supabase sebagai backend utama.
- 🔌 Offline Support: Data tetap tersimpan di IndexedDB walaupun tanpa koneksi internet.
- 🔄 Data Sync: Perubahan data otomatis di-sync ke Supabase saat online kembali.
- 📱 PWA Ready: Bisa di-install ke perangkat mobile/desktop seperti aplikasi native.
- ⚡ React + Vite: Build cepat dan modular.
- 🛠️ Supabase: Backend untuk autentikasi & penyimpanan data.
- 🗃️ IndexedDB: Database lokal untuk menyimpan state aplikasi.
- 📊 Optimistic UI: Perubahan langsung terlihat meski offline, lalu dikonfirmasi saat online.
- React App → UI aplikasi utama.
- IndexedDB → Penyimpanan lokal untuk mode offline.
- Supabase → Cloud database untuk backup & sinkronisasi.
git clone https://github.com/username/offline-kanban.git
cd offline-kanbannpm installBuat file .env:
VITE_SUPABASE_URL=https://xxxx.supabase.co
VITE_SUPABASE_ANON_KEY=your-anon-keynpm run devnpm run build
npm run preview- IndexedDB → Semua data task/kanban board disimpan di sini terlebih dahulu.
- Supabase → Digunakan untuk backup & sinkronisasi data saat online.
- User buat/update task → Simpan dulu di IndexedDB.
- Jika online → Data di-push ke Supabase.
- Jika offline → Data tetap ada di IndexedDB → sinkronisasi otomatis saat online.
- Fork project ini.
- Buat branch baru (
feature/fitur-baru). - Commit perubahan (
git commit -m 'Add fitur baru'). - Push ke branch (
git push origin feature/fitur-baru). - Buat Pull Request.
MIT License © 2025