https://github.com/gustavosachetto/jogo-da-velha
Jogo da velha criado com web socket para a sincronização dos jogadores em tempo real.
https://github.com/gustavosachetto/jogo-da-velha
node reactjs socket-io styled-components typescript
Last synced: 2 months ago
JSON representation
Jogo da velha criado com web socket para a sincronização dos jogadores em tempo real.
- Host: GitHub
- URL: https://github.com/gustavosachetto/jogo-da-velha
- Owner: GustavoSachetto
- License: mit
- Created: 2025-01-13T16:21:45.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-16T15:35:59.000Z (3 months ago)
- Last Synced: 2025-03-06T03:49:38.825Z (2 months ago)
- Topics: node, reactjs, socket-io, styled-components, typescript
- Language: TypeScript
- Homepage:
- Size: 73.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
Awesome Lists containing this project
README
# Jogo da velha
## Sobre
Projeto criado com a tecnologia do __web socket__ que permite a comunicação em __tempo real__ do navegador com o servidor, na qual é possivel criar uma sala para jogar o famoso __jogo da velha__ com outro amigo simultaneamente.
#react #socket-io #nodejs
* __Link do vídeo:__ https://www.youtube.com/watch?v=sBc9-0cz2rk
## Desenvolvendo
Este projeto ficou dividido em duas partes, a primeira parte sendo a criação do front-end onde todos os elementos visuais do jogo foram criados, e a segunda parte que ficou com a criação da lógica do jogo e a implementação do web socket para conexão em tempo real. No projeto em si foi utilizado:
- React + Vite
- Typescrit v5.0
- Node Js
- Socket.io v4.0
- Styled-Components
- React Router
- Programação Orientada a Objetos
## Proteções básicas
Algumas proteções que foram aplicadas meticulosamente:
- Qualquer jogador pode criar ou entrar nas salas
- Verificação de vencedor após cada jogada
- Não é permitido duplicação de sala (mesmo nome)
- Não é permitido preenchimento duplicado de posição
- Não é permitido entrar mais de dois jogadores numa mesma sala
- É possivel reiniciar o jogo sem ter que criar outra sala
## Comandos iniciais
__Para executar esse projeto é necessário abrir dois terminais distintos e executar:__
Comandos do servidor:
```
cd server &&
npm install &&
npm run dev
```
Comandos do cliente:
```
cd client &&
npm install &&
npm run dev
```
***************