https://github.com/dvir-cohen1/xogame

Tic-Tac-Toe - React.js & Socket.io
https://github.com/dvir-cohen1/xogame

express nodejs reactjs socket-io

Last synced: about 2 months ago
JSON representation

Tic-Tac-Toe - React.js & Socket.io

• Host: GitHub
• URL: https://github.com/dvir-cohen1/xogame
• Owner: Dvir-Cohen1
• Created: 2022-12-10T05:51:12.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-21T03:54:39.000Z (about 2 years ago)
• Last Synced: 2024-10-31T18:43:06.139Z (3 months ago)
• Topics: express, nodejs, reactjs, socket-io
• Language: JavaScript
• Homepage:
• Size: 1.27 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# xoGame

> This is a mini game app created part of full stack studies '[Tic-Tac-Toe game React.js & Socket.io](https://github.com/Dvir-Cohen1/)'.

## Requirements

- Node.js >= v12

## Application structure

- `root/client/` directory - React front end code.

- `root/server/` directory - Node.js back end code.

- `static/` directory - Compiled front end assets. Created by webpack when you run the

command `npm run build`. The Node.js back end serves serves these assets using the

[`express.static`](https://expressjs.com/en/starter/static-files.html#serving-static-files-in-express) middleware.

## Usage

```bash

# Install dependencies for front end and back end

npm install

# Build front end assets with webpack

npm run build

# Run Node.js back end server and React front end server concurrently

npm start

```

Load up http://localhost:3000 in your browser to view the example website.

## Libraries and frameworks used

- [Express](https://expressjs.com/) - "Fast, unopinionated, minimalist web framework for Node.js".

- [React](https://reactjs.org/) - "A JavaScript library for building user interfaces".

- [Webpack](https://www.npmjs.com/package/webpack) - A popular tool for building

front end assets e.g. CSS and JavaScript.

- [Socket.io](https://socket.io/) - Sockets have traditionally been the solution around which most real-time chat systems are architected, providing a bi-directional communication channel between a client and a server.