How I Deployed a Card Matching Game Using AWS CodePipeline and S3

As a beginner in AWS cloud, I wanted to learn real-world deployment workflows. I built a simple memory matching game using HTML, CSS, and JavaScript — and deployed it using GitHub + AWS CodePipeline + S3.

Even though it was a simple static app, I learned a ton about CI/CD, IAM, S3 policies, and dealing with real-world deployment errors.

In this article, I’ll share how I set it up, what worked and what broke.

🧩 Project Overview:

• A memory game where users flip two animal cards to find a match.

• Built using:

  • index.html, style.css, script.js

• Stored and version-controlled on GitHub

🚀 Deployment Architecture:

• GitHub for code hosting

• AWS CodePipeline as the CI/CD tool

• Amazon S3 as a static website host

• No CodeBuild stage – it wasn’t needed since this is a frontend-only static app

🧠 Challenges I Faced:

• GitHub App connection not showing up in AWS

• S3 bucket policy not public at first (images didn’t load)

• Got a networking error while authorizing GitHub App

✅ What I Learned:

• How to create and configure S3 static hosting buckets

• The GitHub App authorization model in AWS

• IAM roles and least-privilege access

• How to connect source control to deployment pipelines

• CI/CD concepts in a simple project

📂 Project Code on GitHub:

github.com/gurbaxaniruchika/animal-memory-game