{"id":28240116,"url":"https://github.com/classyid/quran-viz","last_synced_at":"2026-02-26T08:40:39.625Z","repository":{"id":283997508,"uuid":"953508512","full_name":"classyid/quran-viz","owner":"classyid","description":"Visualisasi struktur dan statistik Al-Quran berbasis web. Aplikasi ini menyajikan data Al-Quran dalam bentuk grafik interaktif, tabel informatif, dan fakta menarik untuk mempermudah pemahaman struktur kitab suci umat Islam","archived":false,"fork":false,"pushed_at":"2025-04-22T15:00:48.000Z","size":30,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-19T03:12:39.458Z","etag":null,"topics":["api-quran","classy-indonesia","visualisasi-quran"],"latest_commit_sha":null,"homepage":"https://s.id/f8Dx3","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/classyid.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-23T14:33:34.000Z","updated_at":"2025-04-22T15:00:54.000Z","dependencies_parsed_at":"2025-03-23T15:46:14.521Z","dependency_job_id":null,"html_url":"https://github.com/classyid/quran-viz","commit_stats":null,"previous_names":["classyid/quran-viz"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/classyid/quran-viz","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/classyid%2Fquran-viz","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/classyid%2Fquran-viz/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/classyid%2Fquran-viz/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/classyid%2Fquran-viz/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/classyid","download_url":"https://codeload.github.com/classyid/quran-viz/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/classyid%2Fquran-viz/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259354741,"owners_count":22844916,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api-quran","classy-indonesia","visualisasi-quran"],"created_at":"2025-05-19T03:12:39.351Z","updated_at":"2026-02-26T08:40:34.574Z","avatar_url":"https://github.com/classyid.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Quran-Viz: Visualisasi Struktur Al-Quran\n\nAplikasi web yang menyajikan visualisasi interaktif tentang struktur dan statistik Al-Quran untuk memudahkan pemahaman terhadap kitab suci umat Islam.\n\n![Quran-Viz Screenshot](https://blog.classy.id/upload/gambar_berita/781e2aff9a91fb5abc4041448667389f_20250323215700.png)\n\n## Fitur\n\n- 📊 Dashboard statistik dengan informasi jumlah surah dan ayat\n- 📈 Visualisasi grafik perbandingan surah Makkiyah dan Madaniyah\n- 📋 Daftar lengkap surah dengan fitur pencarian\n- 📝 Fakta-fakta menarik tentang Al-Quran\n- 🌙 Dukungan tema gelap/terang\n- 📱 Responsif untuk berbagai ukuran layar\n\n## Demo\n\nKunjungi [https://s.id/quran-viz](https://s.id/quran-viz) untuk melihat aplikasi dalam aksi.\n\n## Teknologi yang Digunakan\n\n- HTML, CSS, JavaScript\n- [Chart.js](https://www.chartjs.org/) - Untuk visualisasi grafik\n- [Tailwind CSS](https://tailwindcss.com/) - Framework CSS\n- [Font Awesome](https://fontawesome.com/) - Icon\n- [Google Apps Script](https://developers.google.com/apps-script) - Backend untuk mengakses API Al-Quran\n\n## Cara Deploy\n\n### Menggunakan Google Apps Script\n\n1. Buat project baru di [Google Apps Script](https://script.google.com/)\n2. Buat file `Code.gs` dan salin kode berikut:\n\n```javascript\nfunction doGet() {\n  return HtmlService.createHtmlOutputFromFile('index')\n    .setTitle('Al-Quran App')\n    .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);\n}\n```\n\n3. Buat file HTML baru dengan nama `index.html` dan salin kode HTML dari repository ini\n4. Klik \"Deploy\" \u003e \"New deployment\"\n5. Pilih \"Web app\" sebagai tipe deployment\n6. Atur akses ke \"Anyone\" dan klik \"Deploy\"\n7. Salin URL yang dihasilkan untuk mengakses aplikasi\n\n## Berkontribusi\n\nSilakan berkontribusi untuk meningkatkan aplikasi ini! Buat fork repository, lakukan perubahan, dan ajukan pull request.\n\n## Lisensi\n\nMIT License\n\n## Sumber Data\n\nData Al-Quran disediakan oleh [Sumber API Al-Quran Anda](https://api-alquran.com).\n\n## Kontak\n\nJika Anda memiliki pertanyaan atau saran, jangan ragu untuk [membuat issue](https://github.com/classyid/quran-viz/issues) atau hubungi saya di [kontak@classy.id](mailto:kontak@classy.id).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclassyid%2Fquran-viz","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclassyid%2Fquran-viz","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclassyid%2Fquran-viz/lists"}