Back to projects

Case study · Desktop / Game

Memory Game (Electron)

A two-player memory card game with Easy/Hard modes — web preview and desktop-ready Electron packaging.

ReactElectronJavaScript
Memory Game (Electron)
Role
Frontend Engineer — game loop, modes, and desktop packaging
Timeframe
2024–2025

Overview

Memory Game is a small but complete product: turn-based play, difficulty modes, and a desktop path via Electron. It demonstrates interaction design, state for game rounds, and shipping beyond a single web page.

Problem

  • A memory game needs crisp feedback for flips, matches, turns, and win states.
  • Easy vs Hard must change the experience meaningfully, not just a label.
  • Desktop packaging (Electron) should reuse the same React UI without rewriting the game.

Approach

  • Built the core loop first: flip → compare → score/turn update → round end.
  • Encoded difficulty as board size / complexity rather than cosmetic switches.
  • Wrapped the React UI for Electron so web preview and desktop share one codebase.
  • Published both a Vercel preview and a public GitHub repo for interview review.

Architecture

  • React component tree for board, cards, and HUD.
  • Local game state for turns, matched pairs, and mode settings.
  • Electron shell for desktop distribution using the same front-end bundle.
  • Static/web hosting for the browser demo used on the portfolio.

Outcomes

  • A compact case study proving polish on interaction-heavy UI.
  • Public code + live demo for fast recruiter verification.
  • Evidence of packaging the same product for web and desktop.

Tradeoffs

  • Scope stayed intentionally small — depth is in game feel, not backend services.
  • Multiplayer networking was out of scope; local two-player keeps the loop reliable.