Stack: React 19 · TypeScript 5.8 · Vite 6 · sql.js (SQLite WebAssembly) · Vanilla CSS Design System · Lucide Icons · File System Access API · Oxlint
Manajer database SQLite 100% client-side yang berjalan langsung di peramban menggunakan WebAssembly (WASM). Buka file database fisik dari komputer, buat kueri, ubah data secara instan dengan sinkronisasi disk langsung tanpa perantara server backend dan tanpa instalasi software native tambahan. Semua data tetap privat di komputer Anda.
🌐 Coba demo: sqlite.solusikoding.com
- 100% Client-Side & Privat: SQLite binary diproses langsung di browser via WebAssembly (
sql.js). Nol byte data atau kueri dikirim ke internet - Direct Disk Sync: Simpan perubahan langsung ke file
.dbfisik di komputer Anda tanpa perlu mengunduh ulang (menggunakan File System Access API) - Multi-Database Workspace: Buka banyak file database sekaligus (
.db,.sqlite,.sqlite3) dan beralih antar database dalam 1 klik - Spreadsheet Data Grid: Edit sel langsung (inline editing), duplikasi baris, seleksi banyak baris, filter pencarian per kolom, dan pengurutan dinamis
- Form Cerdas: Pemilih tanggal & jam visual (
date&datetime-local) dengan pintasan cepat[Sekarang]dan[Hari Ini], switch boolean visual, input angka dengan proteksi ketat anti-huruf, dan pemilih foreign key berbasis pencarian nama relasi - Visual ERD Interaktif: Kanvas diagram relasi grafis dengan deteksi kurva relasi foreign key, dukungan penuh layar sentuh (geser 1-jari & cubit zoom 2-jari), serta tombol Fit to View
- SQL Editor Lengkap: Eksekusi kueri multi-statement dengan benchmark durasi (ms), visualisasi Explain Query Plan, riwayat kueri otomatis di browser, dan pustaka snippet kueri
- Safe Mode Guard: Mendeteksi dan mencegat kueri berbahaya seperti
UPDATEatauDELETEtanpa klausaWHEREsebelum dieksekusi ke database - Impor CSV & JSON: Impor data dengan inferensi tipe kolom otomatis (
INTEGER,REAL,TEXT) ke tabel baru atau tabel yang sudah ada dalam transaksi atomik - Ekspor Fleksibel: Unduh data atau hasil kueri ke format CSV, JSON, atau ekspor database binary
.db - Database Diff Tool: Bandingkan skema dan perbedaan struktur tabel antar dua database SQLite secara berdampingan
- Diagnostik PRAGMA: Cek integritas database (
PRAGMA integrity_check), pembersihan ruang kosong (VACUUM), dan deteksi/checkpoint mode WAL (PRAGMA wal_checkpoint(FULL)) - Responsif Ponsel & Tablet: Dirancang optimal untuk desktop maupun layar sentuh mobile dengan navigasi drawer geser dan bottom sheet
- Buka file database SQLite (
.db,.sqlite) dari komputer atau muat database sampel bawaan. - Jelajahi dan edit data lewat Data Grid, buat skrip di SQL Editor, atau amati relasi skema di Visual ERD.
- Simpan perubahan langsung ke file lokal asli (Chromium) atau unduh sebagai file
.dbterbaru.
npm install
npm run dev # buka http://localhost:5173- Instalasi & Deployment: kebutuhan sistem, cara menjalankan lokal, build produksi, dan panduan deploy (Vercel, Netlify, GitHub Pages, Docker)
- Arsitektur & Teknis: lifecycle SQLite WASM, dual persistence, ERD pointer capture, dan penanganan edge case
- Pintasan Keyboard: daftar hotkeys untuk navigasi & editing cepat
Jika proyek ini bermanfaat bagi Anda, dukung pengembangannya melalui QRIS:
Scan QRIS menggunakan BCA, Mandiri, BRI, GoPay, OVO, DANA, ShopeePay, atau mobile banking lainnya.
Dikembangkan oleh rizalahmaddd:
- WhatsApp: +62 857-7777-5477
- GitHub: @rizalahmaddd
- Lokasi: Kota Malang, Jawa Timur, Indonesia