Game(TicTacToe) - an online muliplayer game

Player can create a Room or join any room using RoomCode , tech used : Typescript, Socket.io , MERN

Initial design:

1. User page for starting game :

2. Connecting other player with game :

3. Winner Page :

Want to suggest any thing? Make a PR 👍

How to Run the Project

Follow these steps to set up and run the project on your local machine:

Installation

1. Clone the Repository:

   git clone https://github.com/Rudresh-pandey/TicTacToe_online.git
   

2. Navigate to the project Directory and install dependencies: there are two main directories - /root (frontend) /api (backend) in root directory :

   npm install
   

   and in api directory :

   cd api
   npm install
   

3. Start the application

   in root directory :

   npm run dev
   

   in api directory :

   npm start
   

4. Access the Application:

   Open your web browser and navigate to http://127.0.0.1:5173/ or any other url provided by vite

How to Contribute

Thank you for considering contributing to our project! We welcome contributions from developers, designers, testers, and anyone passionate about making our game even better. Your input is highly valuable to us.

To get started, follow these simple steps:

1. Fork the Repository: Click the "Fork" button at the top right of this repository to create your copy.

2. Clone Your Fork: Clone your forked repository to your local machine

   git clone https://github.com/Rudresh-pandey/TicTacToe_online.git
   

3. Create a Branch: Create a new branch to work on your feature or bug fix.

   git checkout -b feature/my-feature
   

4. Make Changes: Make your desired changes or additions to the codebase.

5. Commit Changes: Commit your changes with a descriptive commit message.

6. Push Changes: Push your changes to your fork on GitHub.

   git push origin feature/my-feature
   

7. Submit a Pull Request: Go to the main repository and click on the "New Pull Request" button. Explain your changes and submit the pull request.

8. Participate in Discussions: Engage in discussions on your pull request, addressing any feedback or questions.

9. Celebrate Your Contribution: Once your pull request is accepted, your contribution will be part of the project. 🎉