sora-vp / qrcode-web Goto Github PK

Ini adalah repositori pendukung untuk sora karena fiturnya yang membutuhkan peserta pemilih untuk mengunduh gambar QR Code yang dibutuhkan untuk bukti bahwa dia memiliki hak pilih.

Di bawah ini hal yang yang harus di lakukan agar web ini bisa memberikan hak kepada pemilih yang terdaftar.

• Node.js setidaknya versi 18.15.0 atau LTS, kunjungi https://nodejs.org/en
• npm (sudah bawaan Node.js) atau pnpm (kunjungi https://pnpm.io/installation)

Tekan tombol Use this template dan pilih Create a new repository, kemudian clone repositori tersebut ke komputer lokal.

Buat repositori sebagai private repo dikarenakan akan terdapat informasi sensitif di dalamnya. Jika sudah yakin, lanjut Create repository.

Kurang lebih tampilannya akan terlihat seperti ini setelah menggunakan template, biarkan seperti ini terlebih dahulu.

Buka halaman administrator voting, menuju ke halaman partisipan. Disitu akan ditampilkan siapa saja peserta dan beberapa tombol yang dapat digunakan. Klik tombol Export JSON untuk mendapatkan data keseluruhan peserta.

Akan muncul prompt unduh, simpan file tersebut untuk nantinya di upload ke repositori yang berada di github.

Pada awalnya data json yang di dapatkan dari administrator awalnya tidak bisa ditambahkan, oleh karena itu komentari baris terakhir yang ada di file .gitignore

# Komentari dua baris di bawah ini
# ketika sudah di clone
-data/*.json
+# data/*.json

Jika sudah, jangan lupa untuk commit perubahan yang sudah dibuat.

Jika sudah memberi comment pada file .gitignore, sekarang waktunya untuk mengupload file yang tadi sudah di download ke repositori.

Ikuti alur dan jangan lupa untuk commit file tersebut.

Untuk hosting, silahkan cek halaman dokumentasi resmi astro yang dapat host static content.

Untuk penjelasan selanjutnya akan dijelaskan bagaimana cara host di vercel. Vercel adalah salah satu platform gratis yang cocok untuk host static content yang skalanya tidak terlalu besar.

Berikut ini adalah langkah-langkah supaya bisa di host static ke vercel.

1. Login terlebih dahulu ke vercel, disarankan menggunakan github provider karena kemudahan akses repositori

2. Deploy repositori yang nantinya akan di akses oleh pemilih. Tekan tombol import.

3. Akan muncul konfigurasi project, biarkan saja dan tekan tombol deploy.

   

   Tunggu sampai proses deployment selesai.

4. Selamat, sudah berhasil di deploy 🚀

   

Web sudah bisa di akses sekarang, sebagai contoh, website https://contoh-repo-qrcode.vercel.app/ adalah contoh yang dapat peserta akses.

Contoh untuk QR Cecep, bisa akses halaman https://contoh-repo-qrcode.vercel.app/qr/NPOXS0VBJ1XTJK6 dan dibawah ini hasil QR Setelah di download.

List peserta yang lain

• Ujang => https://contoh-repo-qrcode.vercel.app/qr/K3QG8YZ3URQ7MZQ
• Tono => https://contoh-repo-qrcode.vercel.app/qr/04M19P35Y1J28VI

Semisal layanan hosting memiliki core CPU yang memang banyak dan memadai, anda bisa mempercepat waktu build dengan mengubah konfigurasi di file astro.config.ts seperti dibawah ini.

export default defineConfig({
  integrations: [
    tailwind(),
    cardIntegration({
      chunks: 10, // jumlah default
    }),
    react(),
  ],
});

Dengan mengubah nilai ini, anda bisa menentukan per-worker mengenerate berapa gambar dalam satu waktu.

Repositori ini bernaung dibawah lisensi GPLv3.