scdorsey22/tic-tac-toe

Tic-Tac-Toe Mortal Kombat Edition

This is a modern take on the classic Tic-Tac-Toe game, allowing players to select unique characters for their X's and O's. The game features a responsive UI, dynamic character selection, and the ability to store game progress and character choices in local storage. The application is designed to showcase skills in front-end web development, including HTML, CSS, and JavaScript.

Table of Contents

• Features
• Installation
• Usage
• Technologies Used
• Demo

Features

• Unique character selection for each player
• Storage of game progress and character choices in local storage
• Synchronization of game state across multiple browser tabs
• Responsive design that works well on mobile, tablet, and desktop devices
• Background music and sound effects
• Reset and New Round functionality
• Game statistics tracking (total games, wins, and draws)

Installation

To set up the project on your local machine, follow these steps:

1. Clone the repository:

``` git clone https://github.com/scdorsey22/tic-tac-toe.git ```

2. Open the index.html file in your browser, or use a live server extension in your preferred code editor to launch the application.

Usage

1. Player 1 selects a character by clicking on it in the character selection screen.
2. Player 2 selects a character by clicking on it in the character selection screen.
3. Players take turns clicking on the game board to place their character on an empty square.
4. The game ends when one player has three of their characters in a row (horizontally, vertically, or diagonally) or the board is full with no winner (draw).
5. Players can click the "New Round" button to start a new round with the same characters or click the "Reset" button to return to the character selection screen.

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• localStorage

Demo

You can view a live demo of the project here: Tic-Tac-Toe Character Edition Demo