Skip to content

This project is an implementation of the classic Tic Tac Toe game developed using React. The purpose of this project is to demonstrate my skills in JavaScript, HTML, CSS, and creating dynamic and interactive user interfaces (UI).

Notifications You must be signed in to change notification settings

RaulBecerraB/Tic-Tac-Toe

Repository files navigation

Tic Tac Toe in React

Application preview:

Description

This project is an implementation of the classic Tic Tac Toe game developed using React. The purpose of this project is to demonstrate my skills in JavaScript, HTML, CSS, and creating dynamic and interactive user interfaces (UI).

Features

  • Dynamic User Interface: The game’s UI updates in real-time as players make their moves, offering a smooth and responsive experience.

  • Componentization: Utilizes React components to structure the code in a modular and reusable way.

  • State and Props Management: Efficient handling of the game state and communication between components via props.

  • Custom Styling: Styled with CSS to provide a modern and attractive look.

  • Responsive Design: Ensures the game looks good on different devices and screen sizes.

Technologies used

  • React: Main library used to build the user interface.

  • JavaScript (ES6+): Used for game logic and interaction between components.

  • HTML5: Basic structure of the application.

  • CSS3: Styling of components and the overall game design.

Installation and Usage

You can enter this link:

Netlify Status

https://tictactoespa.netlify.app/

Alternatively you can clone the entire project and run it locally:

  1. Clone the repository
git clone https://github.com/RaulBecerraB/Tic-Tac-Toe.git
cd Tic-Tac-Toe
  1. Install dependencies:
npm install
  1. Start the application:
npm start
  1. Open your browser and navigate to http://localhost:3000 to see the game in action.

About

This project is an implementation of the classic Tic Tac Toe game developed using React. The purpose of this project is to demonstrate my skills in JavaScript, HTML, CSS, and creating dynamic and interactive user interfaces (UI).

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published