Welcome to my app - classic Tic-tac-toe gome, where two players take turns placing circles and crosses on a grid of nine squares, aiming to form three of their symbols in a row to win. This game requires strategic thinking and planning, while also being easy and quick to play.
https://tic-tac-toe-demonstration.netlify.app/
To run the application locally, follow these steps:
-
Clone the Repository:
git clone [repository-url]
-
Navigate to the Project Directory:
cd tic_tac_toe
-
Install Dependencies:
npm install
-
Install Dependencies:
npm start
The app will be accessible at http://localhost:5173.
- Two-Player Mode: Enjoy classic two-player gameplay, taking turns placing symbols on the grid.
- Real-Time Game Status: See live updates on the game's progress, including winning combinations and draws.
- Score Display: Keep track of the current score for each player during gameplay.
- React: A JavaScript library for building user interfaces.
- JavaScript: A versatile scripting language commonly used for web development.
- Sass: A preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).
- React-Hooks: useState, useEffect - to manage components state.
The project is organized as follows:
- src/components: Contains React components for different parts of the application.
- src/styles: Sass files for styling the components.
- src/assets: icons for website.
- Special thanks to the React, JavaScript and Sass communities for their excellent documentation and support. Enjoy helping!
App created by marrcelp.