keluarga-visualizer

Keluarga Visualizer

📋 Deskripsi

Keluarga Visualizer adalah aplikasi web sederhana untuk membuat, mengelola, dan memvisualisasikan pohon silsilah keluarga. Aplikasi ini memungkinkan pengguna untuk dengan mudah menambahkan anggota keluarga, membuat hubungan antar-generasi, dan melihat struktur keluarga dalam format pohon yang interaktif.

✨ Fitur Utama

• ✅ Tambah, edit, dan hapus anggota keluarga
• ✅ Visualisasi struktur keluarga dalam bentuk pohon
• ✅ Pengelolaan generasi otomatis
• ✅ Fitur pencarian dan filter berdasarkan nama dan generasi
• ✅ Ekspor dan impor data dalam format JSON
• ✅ Validasi data untuk memastikan hubungan keluarga yang benar
• ✅ Penyimpanan data otomatis di browser
• ✅ Fitur undo/redo untuk perubahan data
• ✅ Tampilan responsif untuk desktop dan mobile

🚀 Cara Menggunakan

Menggunakan Versi Online

Kunjungi Website Keluarga Visualizer untuk menggunakan aplikasi tanpa perlu menginstal apapun.

Menjalankan Secara Lokal

1. Clone repository ini

   git clone https://github.com/classyid/keluarga-visualizer.git
   

2. Buka folder project

   cd keluarga-visualizer
   

3. Buka file keluarga.html di browser Anda

📱 Tampilan Aplikasi

🛠️ Teknologi yang Digunakan

• HTML5
• CSS3 dengan TailwindCSS
• JavaScript (Vanilla JS)
• LocalStorage untuk penyimpanan data lokal

📊 Contoh Data

Lihat contoh-data.json untuk melihat contoh struktur data keluarga.

📖 Dokumentasi Lengkap

Untuk petunjuk lengkap tentang cara menggunakan aplikasi, lihat DOKUMENTASI.md.

🤝 Kontribusi

Kontribusi selalu disambut baik! Silakan buat Pull Request atau buka Issue jika Anda memiliki saran atau menemukan bug.

📄 Lisensi

Project ini dilisensikan di bawah MIT License.

---

Dibuat dengan ❤️ oleh Andri Wiratmono