RNtaate / Tic-Tac-Toe-React

A tic tac toe game built using react and vite.

TIC-TAC-TOE (REACT)

Project Description

This project is a Tic-Tac-Toe game, Single Page Web Application(SPA) built using React JS and Vite.

It was built as a second part in a journey series leading upto the creation of an online version of the game that can be played between 2 players/users over the internet.

It was built to test out and have the feel of rendering the game on a webpage before moving on to creating its multiplayer version, and it follows a Tic-Tac-Toe game that was built to be rendered in a terminal/console which can be found here

Future Features:

• Being able to choose between playing against a freind or playing against the computer.

🔧 Built with

• ReactJS
• Vite
• Yarn

🔴 Live Demo

• Tic Tac Toe

Demo Video

tictactoe4.mp4

Get started on local machine

Prerequisites

1. Yarn
2. Node should be installed on your computer.

Steps to follow

1. Clone the repository to your local machine by running git clone [e-mail]:RNtaate/Tic-Tac-Toe-React.git in your terminal

2. On your local machine, navigate to the game folder using cd Tic-Tac-Toe-React in your terminal

3. Run yarn to install all the necessary dependencies.

4. Run yarn run dev to start the application on a local server

🤝 Contributions

There are two ways of contributing to this project:

1. If you see something wrong or not working, please check the issue tracker section, if that problem you met is not in already opened issues then open the issue by clicking on new issue button.

2. If you have a solution to that, and you are willing to work on it, follow the below steps to contribute:

   1. Fork this repository

   2. Clone it on your local computer by running git clone [e-mail]:RNtaate/Tic-Tac-Toe-React.git Replace RNtaate with the username you use on github

   3. Open the cloned repository which appears as a folder on your local computer with your favorite code editor

   4. Create a separate branch off the main branch,

   5. Write your codes which fix the issue you found

   6. Commit and push the branch you created

   7. Raise a pull request, comparing your new created branch with our default branch here

✒️ Authors

👤 Roy Ntaate

• Github: @RNtaate
• Twitter: @HydeCannonOG
• Linkedin: roy-ntaate

Show your support

Give a ⭐️ if you like this project!

Acknowledgements

• The UI Design partly inspired by LLiana Dimitrova at www.behance.net