🎮 Emoji Match: A Quick React + TypeScript Game

Posted byAllie MimsPosted inProjects

I’m excited to share a project I’ve been working on: Emoji Match, a simple, fast-paced browser game designed to test your memory.

Game interface for Emoji Match, featuring a grid of hidden cards with question marks, move and match counters, and a reset button.
Light mode
A grid of cards with question marks, featuring the title 'Emoji Match' at the top, indicating a game to match emojis. The current moves and matches display, and a 'Reset' button is visible.
Dark mode

The Tech Stack

I built this game as a way to demonstrate my skills with modern web tools. The game is built on the following stack:

  • React 19
  • TypeScript
  • Vite
  • Tailwind CSS
  • ESLint + Prettier
  • Vitest + React Testing Library (unit tests)

For the infrastructure, I wanted something lightweight and highly performant. The game is hosted as a static site using Amazon S3, distributed globally via AWS CloudFront for lightning-fast load times. Updates to the game are automatically deployed via a deploy workflow in the GitHub repo.

Open Source

The game code is completely open source. Whether you want to see how the matching logic works or use it as a template for your own project, the code is yours to explore.

Give it a spin and let me know what you think. Feedback and contributions are always welcome.

Leave a comment