Skip to content

Aplikasi dinamis untuk menampilkan data dari file JSON dalam bentuk tabel yang dapat dicari dan difilter, dibangun dengan HTML, CSS, dan JavaScript.

Notifications You must be signed in to change notification settings

wahyusudrajad/dynamic-data-display

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Aplikasi Tampilan Data

Aplikasi ini memungkinkan Anda untuk menampilkan dan memanipulasi data dalam bentuk tabel menggunakan HTML, CSS, dan JavaScript. Data yang ditampilkan bisa berasal dari file JSON atau API. Aplikasi ini juga menyediakan fitur pencarian dan filter untuk mempermudah pengguna menemukan informasi.

Tujuan

Tujuan utama aplikasi ini adalah untuk memberikan antarmuka yang sederhana dan responsif untuk menampilkan, mencari, dan memfilter data dalam bentuk tabel menggunakan teknologi web standar (HTML, CSS, JavaScript).

Fitur Utama

  • Tampilan Data Dinamis: Menampilkan data dalam bentuk tabel secara dinamis dari file JSON.
  • Pencarian dan Filter: Memungkinkan pengguna untuk mencari dan memfilter data berdasarkan kriteria seperti nama, email, dan nomor telepon.
  • Responsif: Tampilan yang dapat menyesuaikan dengan berbagai ukuran layar, memastikan pengalaman pengguna yang baik di perangkat mobile maupun desktop.
  • Desain Sederhana: Antarmuka pengguna yang mudah digunakan dan minimalis, memungkinkan interaksi yang lebih lancar.

Cara Penggunaan

  1. Instalasi: Clone atau download repository ini ke sistem lokal Anda dan buka file index.html di browser.
  2. Tampilan Data: Data akan dimuat dan ditampilkan secara otomatis dalam bentuk tabel.
  3. Pencarian: Gunakan kolom pencarian untuk mencari data berdasarkan nama, email, atau nomor telepon.
  4. Filter: Gunakan filter untuk memisahkan data sesuai kriteria tertentu yang diinginkan.

Teknologi yang Digunakan

  • HTML: Struktur dasar halaman web.
  • CSS: Desain dan styling untuk tampilan UI.
  • JavaScript: Untuk menangani logika dinamis, seperti menampilkan, memfilter, dan mencari data.
  • JSON: Format untuk menyimpan dan mengirim data yang akan ditampilkan.

Lisensi

Aplikasi ini dilisensikan di bawah MIT License.

Copyright

Copyright (c) 2025 Wahyu Sudrajad. Semua hak dilindungi.

About

Aplikasi dinamis untuk menampilkan data dari file JSON dalam bentuk tabel yang dapat dicari dan difilter, dibangun dengan HTML, CSS, dan JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published