Saya Merilis Sebuah Permainan Kartu dalam Satu Akhir Pekan

Saya membangun versi browser dari Prší. Ini adalah permainan kartu asal Ceko. Ini adalah permainan 1v1 melawan AI sederhana. Anda dapat memainkannya menggunakan mouse atau sentuhan.

Mainkan di sini: https://czsoftcode.github.io/prsi/

Kebanyakan orang menyebut ini vibe coding. Saya tidak setuju. Vibe coding sering kali berarti Anda mendeskripsikan sebuah aplikasi dan menerima apa pun yang diberikan AI kepada Anda. Saya menggunakan metode yang berbeda.

Saya menggunakan Claude Code untuk mengarahkan proses pembangunan melalui 10 fase eksplisit. Setiap fase memiliki tujuan spesifik dan output yang dapat diverifikasi.

Fase-fase tersebut meliputi:

  • Menyiapkan kerangka kerja Vite dan TypeScript
  • Membangun model data mesin permainan
  • Menambahkan langkah dasar dan kartu spesial
  • Membuat logika lawan AI
  • Membangun UI dan loop interaksi
  • Menjalankan 200 simulasi AI end-to-end
  • Melakukan deployment situs

Saya merencanakan dan meninjau setiap fase sebelum pindah ke fase berikutnya. Hal ini menjaga kode tetap bersih. Saya menulis sekitar 300 unit test. Ketika AI membuat kesalahan, pengujian saya langsung menemukannya.

Bagian tersulit bukanlah kodenya. Melainkan aturan permainannya.

  • Menumpuk angka tujuh: Pemain dapat menumpuk hingga empat angka tujuh untuk memaksa lawan mengambil 8 kartu.
  • Queen wildcard: Queen mengubah lambang (suit) yang diperlukan. Saya harus memastikan mesin menanganinya dengan benar.

Saya juga menghadapi hambatan teknis:

  • Deployment: Gambar saya rusak di GitHub Pages karena kesalahan jalur (path). Saya memperbaikinya dengan menggunakan base URL Vite.
  • Versioning: Saya lupa memperbarui package.json setelah menandai (tagging) sebuah rilis.

Saya menjaga AI tetap sederhana. Ia hanya melakukan langkah-langkah yang sah. Tujuannya adalah AI yang benar, bukan yang pintar. Saya menggunakan 200 simulasi permainan untuk membuktikan bahwa permainan selalu berakhir dengan kemenangan atau seri.

Membangun fase demi fase alih-alih hanya mengandalkan vibes memungkinkan saya merilis produk yang benar-benar saya pahami.

Sumber: https://dev.to/stkremen/i-shipped-a-card-game-in-a-weekend-but-i-didnt-really-vibe-code-it-34g9

Komunitas pembelajaran opsional: https://github.com/czsoftcode/prsi