https://github.com/royaals/unicode-grid-game
A multiplayer web application that lets a player select and update a block with a Unicode character in a 10x10 grid.
https://github.com/royaals/unicode-grid-game
express nodejs reactjs tailwindcss typescript websocket zustand
Last synced: 2 months ago
JSON representation
A multiplayer web application that lets a player select and update a block with a Unicode character in a 10x10 grid.
- Host: GitHub
- URL: https://github.com/royaals/unicode-grid-game
- Owner: royaals
- License: mit
- Created: 2024-12-15T13:59:28.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-27T15:00:54.000Z (over 1 year ago)
- Last Synced: 2025-10-09T15:41:28.715Z (9 months ago)
- Topics: express, nodejs, reactjs, tailwindcss, typescript, websocket, zustand
- Language: TypeScript
- Homepage:
- Size: 1.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Unicode Grid Game
A multiplayer web application that lets a player select and update a block with a Unicode character in a 10x10 grid. Once a player submits a character in the block, they will not able to update any block again. At any given time, a player will be able to see how many players are currently online. The grid is updated in real-time for other players connected.
### Features
- **Real-time grid updates**
- **Player count display**
- **Timed restriction**
- **Historical updates**
## Tech Stack
- **Frontend:** ReactJS
- **State Management:** Zustand
- **Backend:** NodeJs (Express & Typescript)
- **WebSocket:** Socket.io
## Instructions to Run the Application
1. **Clone the repository:**
```bash
git clone https://github.com/royaals/unicode-grid-game.git
cd unicode-grid-game
```
2. **Run the backend server:**
```bash
cd server
npm install
npm run server
```
3. **Run the frontend application:**
```bash
cd client
npm install
npm run dev
```
4. **Open your browser and navigate to:**
```
http://localhost:5173
```