A Tic Tac Toe Game with TypeScript and React
Tags: tictactoe
Published: 2023-11-02 17:02:51

---
title: A Tic Tac Toe Game with TypeScript and React
published: true
date: 2023-11-02 00:11:00 UTC
tags: TicTacToe
canonical_url: https://reactjsexample.com/a-tic-tac-toe-game-with-typescript-and-react/
---

# Basic TicTacToe REACT.JS
 ![A Tic Tac Toe Game with TypeScript and React](https://reactjsexample.com/content/images/2023/10/Code_2023-10_21-05-51.jpg)

I Make a “TicTacToe MINI GAME” with these technologies:

### Languages and Tools:

![A Tic Tac Toe Game with TypeScript and React](https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg)[![A Tic Tac Toe Game with TypeScript and React](https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg) ](https://www.w3.org/html/)[![A Tic Tac Toe Game with TypeScript and React](https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg) ](https://developer.mozilla.org/en-US/docs/Web/JavaScript)[![A Tic Tac Toe Game with TypeScript and React](https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg) ](https://reactjs.org/)[![A Tic Tac Toe Game with TypeScript and React](https://raw.githubusercontent.com/devicons/devicon/master/icons/typescript/typescript-original.svg) ](https://www.typescriptlang.org/)

### List of components for this project:

> - Routes Page
> - Start Page, include: NewGame – Setting – Share
> - Share button: copy url
> - AI interaction player
> - Multiplayer interaction player
> - Go back btn for pages routes & components
> - Sound effect for movement 🙂
> - LocalStorage for DarkMode/LiteMode & Custome Special Board
> - Responsive For Mobile
> - PWA – Web Application
> - Multiple language
> - Error 404 page
> - Custom .gif for winning or some movement. ex: confetti gif 🎊
> - input custom Name for users
> - Custom type of game. ex: play with bot/cpu OR two players/ friendly
> - Watch history of game.
> - Random name for bot/cpu OR selecte custom name for bot
> - Navbar

## Screenshots

[![A Tic Tac Toe Game with TypeScript and React](https://raw.githubusercontent.com/amirrahemi01/Basic-TicTacToe/main/screenShot1.png)](https://raw.githubusercontent.com/amirrahemi01/Basic-TicTacToe/main/screenShot1.png)[![A Tic Tac Toe Game with TypeScript and React](https://raw.githubusercontent.com/amirrahemi01/Basic-TicTacToe/main/screenShot2.png)](https://raw.githubusercontent.com/amirrahemi01/Basic-TicTacToe/main/screenShot2.png)[![A Tic Tac Toe Game with TypeScript and React](https://raw.githubusercontent.com/amirrahemi01/Basic-TicTacToe/main/screenShot3.png)](https://raw.githubusercontent.com/amirrahemi01/Basic-TicTacToe/main/screenShot3.png)[![A Tic Tac Toe Game with TypeScript and React](https://raw.githubusercontent.com/amirrahemi01/Basic-TicTacToe/main/public/logo.png)](https://raw.githubusercontent.com/amirrahemi01/Basic-TicTacToe/main/public/logo.png)

## Demo

Check Demo [DEMO](https://amirrahemi-tictactoe.vercel.app/)

## Run

npm i && npm start

## GitHub

[View Github](https://github.com/amirrahemi01/Basic-TicTacToe?ref=reactjsexample.com)