Showcase Pengembangan Web

PlayForCalm

Seri game yang berfokus pada kejelasan mental. Menampilkan mesin Sudoku khusus yang dirancang untuk melatih fokus dan logika dalam lingkungan minimalis bernuansa zen.

PlayForCalm Slide 1
1 / 2
Kategori
Showcase Pengembangan WebBidang Keahlian
Teknologi yang Digunakan
React 15JavaScript (Pure Logic)CSS3
DevOps & Cloud
CI/CD StatusVERIFIED
HostingVercel / Edge

Ringkasan Proyek: PlayForCalm adalah rangkaian game berbasis web minimalis yang dirancang untuk memberikan "perlindungan digital." Proyek unggulan dalam rangkaian ini adalah Sudoku Engine kustom yang berfokus pada estetika bersih dan gameplay yang mendorong fokus, bebas dari gangguan game seluler pada umumnya.

Tantangan (Masalah): Sebagian besar game puzzle online dipenuhi dengan iklan yang mengganggu, skema warna yang agresif, dan "gamifikasi" yang justru meningkatkan stres, bukannya menguranginya. Mencari platform Sudoku berkualitas tinggi yang ringan, siap luring, dan berfokus pada privasi ternyata cukup sulit.

Solusi (Rekayasa & Logika):

  • Logika Matriks Kustom: Alih-alih menggunakan pustaka yang berat, saya membangun Sudoku Validation Engine kustom menggunakan logika JavaScript murni untuk menangani pembuatan papan, validasi langkah, dan penskalaan tingkat kesulitan.
  • UI Minimalis (Mode Zen): Dikembangkan dengan React 19, berfokus pada antarmuka "Bebas Gangguan." Menggunakan bayangan lembut dan nada warna yang diredam untuk mengurangi ketegangan mata selama sesi bermain yang lama.
  • Persistensi State: Menerapkan manajemen state lokal sehingga pengguna dapat menutup peramban mereka dan kembali ke permainan tepat di tempat mereka tinggalkan, tanpa memerlukan basis data atau akun.
Live Demo

Hasil Akhir: Aplikasi logika yang ringan dan berperforma tinggi yang berfungsi sebagai bukti konsep untuk membangun alat yang fokus dan berdaya guna tinggi tanpa beban kerumitan web modern.

Teknologi yang Digunakan

  • React 19
  • Algoritma JS Murni
  • Siap PWA
  • Tailwind CSS

🧩 Area Topik

  • 🧠 Kesehatan Mental
  • 🧩 Logika & Puzzle
  • 🌿 Minimalisme
  • ⚡ Pelatihan Kognitif

🛠️ Keahlian yang Digunakan

  • Desain Algoritma (Logika Murni)
  • Manajemen State (React 19)
  • Desain UX untuk Fokus

⭐ Fitur Utama

  • Mesin Sudoku Murni: Logika yang cepat, responsif, dan bebas kesalahan untuk validasi kisi.
  • Estetika Zen: UI yang dirancang untuk menurunkan kadar kortisol dan mendorong fokus yang dalam.
  • Pengalaman Tanpa Iklan: Tanpa pelacak, tanpa pop-up, hanya latihan mental murni.
  • Optimasi Performa: Ukuran bundel yang sangat kecil untuk pemuatan instan pada koneksi apa pun.
PlayForCalm | Khairan Noor Fadhlillah - AI, DevOps & Engineering | Khairan Noor Fadhlillah