{"id":27397015,"url":"https://github.com/dzareldeveloper/formulir-code","last_synced_at":"2025-04-14T00:49:25.707Z","repository":{"id":285408936,"uuid":"958038333","full_name":"DzarelDeveloper/Formulir-Code","owner":"DzarelDeveloper","description":"Ini kode sumber dari contoh website permintaan code untuk komunitas","archived":false,"fork":false,"pushed_at":"2025-03-31T15:00:05.000Z","size":18,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-31T16:06:00.504Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DzarelDeveloper.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-31T14:41:42.000Z","updated_at":"2025-03-31T15:15:27.000Z","dependencies_parsed_at":"2025-03-31T16:06:03.353Z","dependency_job_id":"9991ca05-bda3-4ab7-8190-468210b589cb","html_url":"https://github.com/DzarelDeveloper/Formulir-Code","commit_stats":null,"previous_names":["dzareldeveloper/formulir-code"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DzarelDeveloper%2FFormulir-Code","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DzarelDeveloper%2FFormulir-Code/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DzarelDeveloper%2FFormulir-Code/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DzarelDeveloper%2FFormulir-Code/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DzarelDeveloper","download_url":"https://codeload.github.com/DzarelDeveloper/Formulir-Code/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248804770,"owners_count":21164131,"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":[],"created_at":"2025-04-14T00:49:25.041Z","updated_at":"2025-04-14T00:49:25.677Z","avatar_url":"https://github.com/DzarelDeveloper.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Formulir Permintaan Kode dengan Integrasi Telegram Bot\n\nRepositori ini berisi formulir web yang memungkinkan pengguna untuk mengirimkan permintaan kode yang akan diteruskan ke dua grup Telegram: satu privat (dengan email) dan satu publik (tanpa email). Berikut adalah panduan untuk mengatur dan menggunakan formulir ini.\n\n## Demo\nLihat hasil langsung dari formulir ini dengan mengklik tombol berikut:\n\n[![View Result](https://img.shields.io/badge/View%20Result-Click%20Here-blue?style=for-the-badge)](https://yourcode01010.netlify.app/)\n\n## Fitur\n- Formulir dua bahasa (Indonesia dan Inggris)\n- Validasi input\n- Integrasi dengan Telegram Bot\n- Navigasi Form dan About\n- Responsif untuk berbagai ukuran layar\n\n## Prasyarat\n1. Browser modern\n2. Koneksi internet\n3. Akun Telegram dan Bot yang sudah dibuat\n\n## Cara Setup\n\n### 1. Membuat Telegram Bot\n1. Buka Telegram dan cari `@BotFather`\n2. Ketik `/start` lalu `/newbot`\n3. Ikuti instruksi untuk membuat bot dan dapatkan **BOT_TOKEN**\n4. Catat token yang diberikan (contoh: `8197646932:AAHQj0lFZlsan-dxgre1mJt9rc5_CzZNhyg`)\n\n### 2. Membuat Grup Telegram\n1. Buat dua grup Telegram:\n   - Grup Privat (untuk admin/owner)\n   - Grup Publik (untuk anggota komunitas)\n2. Tambahkan bot Anda ke kedua grup sebagai **admin**\n3. Dapatkan ID grup:\n  - Kalau kamu butuh ID ini untuk bot (misalnya pakai getUpdates atau sendMessage), pastikan bot sudah ditambahkan ke grup dan punya izin admin. Setelah dapat ID-nya, gunakan seperti ini di API:\n    ```\n      https://api.telegram.org/bot(BOT-TOKENMU)/getUpdates\n    ```\n   - Catat ID grup (contoh: `-1002450587276` untuk privat, `-1002281623446` untuk publik)\n\n### 3. Mengatur Kode\n1. Clone repositori ini:\n```bash\ngit clone https://github.com/DzarelDeveloper/Formulir-Code/\ncd Formulir-Code\n```\n2. Buka file `script.js` dan modifikasi bagian berikut:\n```javascript\nconst formSection = document.getElementById('formSection');\nconst aboutSection = document.getElementById('about');\nconst formLink = document.getElementById('formLink');\nconst aboutLink = document.getElementById('aboutLink');\nconst indicator = document.querySelector('.indicator');\nconst requestForm = document.getElementById('requestForm');\nconst nameInput = document.getElementById('name');\nconst emailInput = document.getElementById('email');\nconst requestInput = document.getElementById('request');\nconst nameError = document.getElementById('nameError');\nconst emailError = document.getElementById('emailError');\nconst requestError = document.getElementById('requestError');\nconst content = document.getElementById('content');\nconst languageModal = document.getElementById('languageModal');\n\nconst BOT_TOKEN = 'YOUR_BOT_TOKEN_HERE'; // Ganti dengan token bot Anda\nconst CHAT_ID_1 = 'YOUR_PRIVATE_GROUP_ID'; // Ganti dengan ID grup privat Anda\nconst CHAT_ID_2 = 'YOUR_PUBLIC_GROUP_ID'; // Ganti dengan ID grup publik Anda\n```\n- Ganti `YOUR_BOT_TOKEN_HERE` dengan token bot Anda\n- Ganti `YOUR_PRIVATE_GROUP_ID` dengan ID grup privat\n- Ganti `YOUR_PUBLIC_GROUP_ID` dengan ID grup publik\n\n### 4. Menjalankan Formulir\n1. Buka `index.html` di browser\n2. Pilih bahasa (Indonesia/Inggris)\n3. Isi formulir dan submit\n4. Cek kedua grup Telegram untuk melihat hasilnya:\n   - Grup privat: menerima nama, email, deskripsi, dan link\n   - Grup publik: menerima nama, deskripsi, dan link (tanpa email)\n\n## Struktur File\n- `index.html`: Struktur HTML utama\n- `styles.css`: Styling untuk tampilan\n- `script.js`: Logika JavaScript dan integrasi Telegram\n\n## Cara Kerja\n1. Formulir divalidasi saat disubmit\n2. Jika valid, data dikirim ke:\n   - Grup privat: pesan lengkap dengan email\n   - Grup publik: pesan tanpa email\n3. Pengguna menerima pesan konfirmasi di web\n\n## Catatan\n- Pastikan bot memiliki izin admin di kedua grup\n- Proses pengiriman membutuhkan koneksi internet\n- Waktu respon maksimal 24-48 jam (sesuai deskripsi About) - ( ini manual respon karna ini untuk menerima atau menolak permintaan seseorang )\n\n## Kontribusi\nSilakan fork dan buat pull request untuk perbaikan atau fitur baru.\n\n## Lisensi\n[MIT License](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdzareldeveloper%2Fformulir-code","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdzareldeveloper%2Fformulir-code","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdzareldeveloper%2Fformulir-code/lists"}