Tic tac toe Project

Here is my project of game tic tac toe which can be played online as well as offline

📋 Table of Contents

1. 🚀 Live Demo
2. 🤖 Introduction
3. ⚙️ Tech Stack
4. 🔋 Features
5. 🤸 Quick Start

🚀 Live Demo

Explore the live version of the Tic Tac Toe game:

at https://tic-tac-toe-client-pi.vercel.app

🤖 Introduction

This repository contains the corresponding code of Next.js 14+,Node.js Tailwind css ,socket.io etc. which are used to make the game.

If you're getting started and need assistance or face any bugs, you can email at dev.dharambir@gmail.com .

If you liked the project give me a star.

⚙️ Tech Stack

• Node.js
• React.js
• Express.js
• Next.js
• Tailwind CSS
• socket.io

🔋 Features

👉 Focused on logic: This code is more focused on logig then its ui and designes.

👉 Beginner friendly: The code used here is a simple js used in the syntax.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/Dharambirbro/Tic_tac_Toe.git
# open two terminals
cd Tic_tac_Toe
# go to the client folder using:
cd client
# go to the server folder using:
cd ../server

Installation

Install the project dependencies using npm:

# install in both the client and server using:
npm install

Set Up Environment Variables

For a few specific applications, we require environment variables. I've included a sample .env.example file for these essential projects. However, one crucial element needed for these projects is,

create .env.local file at the root of client

NEXT_PUBLIC_SERVER=http://localhost:8080

create .env in the root of server

CLIENT=http://localhost:3000/

Running the Project

go to server folder in terminal

npm start

go to client folder in terminal

npm run dev

Open http://localhost:3000 in your browser to view the project.