The latest articles on Forem by Shivam Kumar (@shivam_kumar_642a29404959). https://forem.com/shivam_kumar_642a29404959 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3722317%2F6654ccda-ec67-4d49-94ab-6e1ca3688222.jpg https://forem.com/shivam_kumar_642a29404959 en Shivam Kumar Sat, 07 Feb 2026 22:07:10 +0000 https://forem.com/shivam_kumar_642a29404959/flappy-hand-in-30-min-with-copilot-cli-1n94 https://forem.com/shivam_kumar_642a29404959/flappy-hand-in-30-min-with-copilot-cli-1n94 <p><em>This is a submission for the <a href="https://dev.to/challenges/github-2026-01-21">GitHub Copilot CLI Challenge</a></em></p> <h2> What I Built </h2> <p>I built <strong>FlappyHand</strong>, a hands-free interactive game where you control the character using hand gestures captured by your webcam. Inspired by the classic Flappy Bird, this game uses computer vision to track your hand state:</p> <ul> <li> <strong>Open Palm</strong>: The character flaps and flies upward.</li> <li> <strong>Closed Fist</strong>: The character descends due to gravity.</li> </ul> <p>The application is built with <strong>Next.js</strong> and <strong>React</strong>, leveraging <strong>MediaPipe</strong> for real-time hand tracking directly in the browser. It features a scoring system, high score leaderboard, and smooth canvas-based rendering.</p> <h2> Demo </h2> <p>Web APP: <a href="https://sk-flappy.vercel.app/" rel="noopener noreferrer">https://sk-flappy.vercel.app/</a><br> -- simple Rule just open palm it will go up and fist go down.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgqg206xup5kxoejrlq1l.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgqg206xup5kxoejrlq1l.png" alt=" " width="800" height="596"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdewqmcnfyrt495y2c1ki.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdewqmcnfyrt495y2c1ki.png" alt=" " width="800" height="671"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzgmm3yqbe8pwy5h75y9v.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzgmm3yqbe8pwy5h75y9v.png" alt=" " width="800" height="710"></a></p> <h2> My Experience with GitHub Copilot CLI </h2> <p>Building this project with GitHub Copilot CLI was an incredibly streamlined experience.</p> <p>I really enjoyed using the GitHub Copilot CLI—it was smooth and handled tasks reliably. I started the project with only a vague prompt, and after 3–4 minor tweaks, the full app was up and running, effectively turning my idea into reality.</p> <p>I used different models at different stages of the process:</p> <ul> <li>For refining the idea and creating a solid plan, I used <code>Gemini 3 Pro (Preview)</code>.</li> <li>For development, I used <code>Claude Opus 4.5</code> </li> <li>For tuning used <code>GPT-5.2-Codex</code>.</li> </ul> devchallenge githubchallenge cli githubcopilot