Rubber Duck Thursdays - Building a scoring system
Chris walks through building “OctoSnap,” a GitHub-themed memory card matching game using Next.js and JavaScript. The session dives deep into designing a scoring model with GitHub Copilot — covering difficulty multipliers, time-based rewards, and penalty mechanics — and reviews the latest GitHub changelog including new AI models, GitHub Advanced Security pricing changes, secret scanning push protection APIs, and code scanning improvements for GitHub Actions workflows.
In this episode, Chris steps away from the Go-based CLI game extension built in previous weeks and introduces OctoSnap, a browser-based card matching game featuring artwork from the GitHub Octodex. He demonstrates the game across easy, medium, and hard difficulty modes, showing how image transformations like rotation and color filters increase challenge. The core focus is on iterating with Copilot to build a nuanced scoring system that balances mode difficulty multipliers, time duration bonuses, perfect play ratios, and random click penalties. Chris shares how he broke the problem into granular prompts for Copilot and visualized the scoring curves to ensure fair overlap between difficulty tiers. The changelog segment covers new models in GitHub Copilot and GitHub Models, GitHub Advanced Security being split into Secret Protection and Code Security standalone products, delegated alert dismissal, expanded CodeQL support for GitHub Actions and Go 1.24, and GitHub Mobile updates including Copilot chat and sub-issues.
Related Content
Use GitHub Spark to create a podcast timer apps
GitHub
Demonstrates GitHub Spark on mobile, building a podcast session timer app entirely through natural language prompts. The video covers iteratively adding timer controls (start, pause, reset), a reverse progress bar, a color-coded time-remaining indicator (green/amber/red), and AI-powered timer creation from a plain-language description—showcasing GitHub Spark's built-in LLM integration. It also demonstrates Spark's managed state storage and the share link for giving collaborators read or write access.
Use GitHub Spark to create a travel log app
GitHubDemonstrates GitHub Spark, an AI-native micro-app platform from GitHub Next that lets anyone build, use, and share personalized apps through natural language—without writing code or managing deployments. The video creates a city travel log app that captures reviews with GPS coordinates, plots destinations on a map, generates AI city suggestions based on existing ratings, and uses the variant generator to explore alternate UI directions from an ambiguous prompt. It also covers the built-in theme editor, state management, and revision history for iterating on app design.
GitHub Copilot Chat and o1-preview: Building a maze generator!
GitHubDemonstrates the o1-preview reasoning model integrated into GitHub Copilot Chat in Visual Studio Code, available to approved users via the chat model picker alongside GPT-4o and o1 mini. The video builds a JavaScript maze generator that supports keyboard navigation, BFS and DFS solving algorithms, and visual path rendering—using o1-preview's extended internal reasoning to satisfy complex multi-requirement prompts in fewer iterations than standard models.