webexpert4rv / game-assisgnment_v2 Goto Github PK

Tic Tac Toe is a simple game consisting of a 3x3 grid in which players take turns making their mark (cross or circle) until either one player achieves a connected line of 3 marks or the board state prevents either player from achieving a line of 3 marks which results in a draw.

Here are the improvements listed in order of increasing difficulty:

1. Get selected square with user id (val, id) format.
2. Initialise Board State when game start.
3. When Game complete (Tie/Win) Game will automatically restart.
4. When Someone Wins show popup message which player wins.
5. If Game is tie the show message No one wins game tie.

1. Node Js 15.9.0 with Type Script (TS).
2. React Js 17.0.2 with Type Script (TS).

Detailed directory structure for both front-end and back-end.

.
│
├── backend                 # Contain All Back end Logic (Node Js)
│   ├── node_modules          
│   └── source         
│     ├── controllers           #contain all controller that is required to run applications
│     └── routes                # contains all routes of applications
│ 
└── frontend             # Contain All Front End Design and Patterns (React With Type Script)
    ├── node_modules         
    ├── public         # Public folder contain all public resources
    └── src             #src contains all UI of applications
      └── Components    #Contain all components

git clone [email protected]:webexpert4rv/Game-assisgnment_v2.git
#For Backend (Node Js)
cd backend
npm install 
npm run dev

#for Front End (React Js)
cd frontend
npm install 
npm start

Now visit localhost:3000 (for frontend) And localost:6060 (for backend)