2 poin oleh jsbeep 5 hari lalu | Belum ada komentar. | Bagikan ke WhatsApp

Halo, saya pencari kerja yang bercita-cita menjadi developer dan sedang bingung dengan masa depan.
Karena tertarik pada struktur koneksi data, saya mencoba membuat penjelajah JSON yang ramah referensi sekaligus untuk portofolio.
Kadang saya juga ragu apakah pantas membungkus proyek yang dibuat tanpa ada permintaan ini sebagai portofolio.

Saya sangat suka penjelajahan yang intuitif + real-time dari Firebase, jadi saya berpikir apakah saya bisa membuat versi saya sendiri.
Dari situ muncul ide untuk memasangnya di server saya sendiri dengan MongoDB, yang sama-sama NoSQL dan bisa mendeteksi perubahan secara real-time.
Awalnya saya membuat dashboard MongoDB buatan sendiri dengan ChangeStream, lalu setelah berlangganan Claude Code, sejauh ini saya baru mengerjakan bagian frontend. Alat ini benar-benar sangat kompeten; sampai-sampai saya jadi merasa seolah ikut menjadi lebih pintar.

Ke depannya target saya adalah menambahkan hal-hal seperti open source untuk kueri JSON, menerima masukan, menyempurnakan penjelajah ini, lalu memasang MongoDB ChangeStream dan berlanjut ke dashboard.
(Saya butuh masukan, dan menurut saya tempatnya ya komunitas, jadi saya posting di sini T_T)

Fitur utama

  • Drill-down berbasis penelusuran kolom (Miller Column) — menelusuri struktur key-value JSON/EJSON per kolom
  • Deteksi otomatis tipe EJSON ObjectId + pelacakan field referensi, lompat ke dokumen terkait (jika PK duplikat, muncul modal pemilihan kandidat)
  • Mendaftarkan referensi dengan mendeklarasikan PK/FK secara langsung per koleksi
  • Editor inline - termasuk format JSON biasa, tipe EJSON (Date/Decimal128/Long) juga bisa diedit apa adanya, mendukung Undo
  • Pencarian per kolom + toolbar pengurutan (DB/koleksi/dokumen/field semuanya)
  • Duplikasi/ganti nama/hapus DB·koleksi, import file JSON dengan drag-and-drop
  • Salin ke clipboard, export .json
  • Navigasi jalur breadcrumb + pengaturan jumlah kolom penelusuran (2~), juga ada mode tree 🪾
  • Menonaktifkan animasi untuk dokumen berukuran besar, pola Load More
  • Prototipe ⚠️ menggunakan localStorage, jadi kapasitas maksimum yang bisa dipakai sekitar 5MB

Belum ada komentar.

Belum ada komentar.