Tic-Tac-Toe Arena - HTML5 game | React, TypeScript

ABOUT

Tic-Tac-Toe Arena is a classic strategy game where players take turns placing X and O marks on the board. The goal is to be the first player to complete the required number of marks in a row, column, or diagonal. This version expands the traditional gameplay with custom board sizes, flexible win conditions, player profiles, match history, statistics, and level progression.

FEATURES

• Classic Tic Tac Toe Gameplay
• Frontend-only Opponent Matchmaking
• Custom Board Sizes
• Multiple Win Conditions: 3 in a row, 4 in a row, 5 in a row
• Player Profile System
• Match History
• Wins, Losses, and Draws Statistics
• XP and Level Progression
• Mouse and Touch Controls
• Responsive Design for Desktop and Mobile
• Fully resizable product
• Modern Dark UI with Smooth Visual Effects
• Save progress and player data in browser memory (local storage)
• No Backend Required

TECHNOLOGIES

• Typescript (typescript)
• React (react)
• Vite (vite)
• Mobx (mobx)
• Shadcn-ui (shadcn)
• Tailwindcss (tailwind)

FILES INCLUDED

• Source code (tsx, ts, json, css)
• HTML5 Folder (html, js, css)
• Documentation (html file)

REQUIREMENTS

• Shared hosting, static hosting, or VPS
• Domain or subdomain

DOCUMENTATION

This can be found in the README.html file inside the project.

SUPPORT

Before or after purchase if you need support ask in comment or goto item support page