Tic Tac Toe

This is my solution to the Tic Tac Toe Project on The Odin Project, using Frontend Mentor's Tic Tac Toe game design.

Table of contents

• Tic Tac Toe
  • Table of contents
  • Overview
    • The goals
    • Screenshot
    • Links
  • My process
    • Built with
    • Continued development
    • Useful resources
  • Author

Overview

The goals

• Play the game either solo vs the computer, or multiplayer against another person
• A button to restart the game
• A display element that congratulates the winning player!
• Add hover states to interactive elements
• Smart computer's move

Screenshot

Links

• View code solution
• Live site preview

My process

Built with

• Flexbox & Grid w/ Sass
• Module & DOM Manipulation
• Class w/ TypeScript

Continued development

• Optimal layout for mobile
• Game state is saved in the browser
• Making computer's move unbeatable
• Allow players to put in their names and join the chatroom!

Useful resources

• TypeScript Docs for JavaScript Programmers and Fireship's TypeScript Basics helped me to understand the syntax and how to setup a TypeScript projects.

Author

• Github - Long Nguyen