• 

  Timed Tic Tac Toe

About the Project: Timed Tic Tac Toe

GitHub Repository: Timed Tic Tac Toe Game

Inspiration

• The idea for this project came from a casual browse on Reddit, where we stumbled across an upgraded Tic Tac Toe concept. The post sparked a simple yet exciting idea:
  • What if moves vanished after 3 turns?
    • This inspired me to create the classic Tic Tac Toe game upgrade, making it more strategic, engaging, and competitive – perfect for a quick hackathon challenge.

What I Built

• The project is a lightweight Timed Tic Tac Toe Game with:
  • Vanishing Moves:
    • Players take turns placing moves (X or O), but the oldest move disappears after 3 turns, keeping the game dynamic and challenging.
  • Scoreboard:
    • A real-time scoreboard tracks the last 10 winners using local storage for persistence.
  • Scalable Hosting:
    • Hosted on AWS S3 as a static website to ensure reliability, scalability, and simplicity.
  • Clean Design:
    • A professional and responsive UI, making the game accessible on both mobile and desktop devices.

How I Built It

• Amazon Q Developer: - Code Generation: Generated clean JavaScript logic for core features like the vanishing moves, win detection, and resets. - Debugging: Helped identify and resolve bugs, such as ensuring moves vanished correctly and the game reset seamlessly. - Optimization: Improved code readability and modularity.
  • AWS S3:
    • Configured an S3 bucket for static website hosting to serve the game files (HTML, CSS, JavaScript).
    • Used Terraform (opentofu) for automated deployment, ensuring the infrastructure is simple, reproducible, and scalable.

Tools and Tech Stack:

• HTML, CSS, and JavaScript for the frontend.
• Terraform/OpenTofu for Infrastructure as Code (IaC).
• Local Storage to persist the winner scoreboard without needing a backend.

Challenges I Faced

• Vanishing Moves Logic: - Implementing the logic to track and remove the oldest move while ensuring game integrity was tricky. However, Amazon Q provided valuable suggestions to streamline this.
• AWS Bucket Policies: - Configuring public access for S3 static hosting.
• Time Constraints: - Optimizing the game and deploying it efficiently for the hackathon. Tools like Amazon Q and Terraform accelerated development and deployment.

What I Learned

• Leveraging AI Tools: - Amazon Q Developer significantly improved my productivity by assisting in generating, debugging, and refining code.
• AWS S3 for Static Hosting: - Hosting static websites on AWS S3 is an incredibly powerful, scalable, and cost-effective solution.
• Rapid Prototyping: - Combining Opentofu with S3 enabled quick, repeatable deployments.

The Result

• The Timed Tic Tac Toe Game is a modern, interactive, and strategic upgrade to the classic game where after third turn the previous move vanishes. Built with minimal resources, it showcases how AI-powered development and serverless infrastructure can bring simple ideas to life efficiently.

Built With

• amazon-web-services
• amazonq
• css
• html
• javascript
• s3
• vscode