eduardoandr3s /
tres-en-raya-react19-typescript
juego tres en raya.
27/100 healthActive repository
TypeScriptNo license
⑂ 0 forks◯ 0 issuesUpdated Mar 28, 2025
Loading repository data…
Loading repository data…
fernando-feijoo / repository
Tres en Raya Interactivo! Este proyecto es una versión modernizada y estilizada del clásico juego de tres en raya, diseñada para ofrecer una experiencia visual atractiva y dinámica. Inspirado por las interfaces elegantes y minimalistas, el juego incorpora elementos visuales modernos y características interactivas que lo hacen único y divertido.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
¡Bienvenido al Tres en Raya Interactivo! Este proyecto es una versión modernizada y estilizada del clásico juego de tres en raya, diseñada para ofrecer una experiencia visual atractiva y dinámica. Inspirado por las interfaces elegantes y minimalistas, el juego incorpora elementos visuales modernos y características interactivas que lo hacen único y divertido.
Tres en Raya Interactivo es un juego de tres en raya en línea que permite a dos jugadores competir en tiempo real. Los jugadores pueden personalizar sus nombres y elegir sus colores favoritos para las marcas X y O. El tablero de juego está diseñado con un estilo continuo similar a un hashtag, con líneas blancas y un fondo azul oscuro. El marcador se actualiza dinámicamente para mostrar el turno actual y resaltar al jugador que tiene el turno. Además, el juego cuenta con animaciones de parpadeo para indicar los movimientos que van a ser borrados y una animación de confeti para celebrar las victorias, se agregara sonido luego y mas funcionalidades.
Para instalar y ejecutar el proyecto localmente, sigue estos pasos:
Clona el repositorio:
git clone https://github.com/tu-usuario/Tres-En-Raya.git
cd Tres-En-Raya
Instala las dependencias:
npm install
Inicia la aplicación:
npm start
Abre tu navegador y ve a:
http://localhost:5173
El proyecto está organizado de la siguiente manera:
Selected from shared topics, language and repository description—not editorial ratings.
eduardoandr3s /
juego tres en raya.
27/100 healthncasola /
Juego del Tres en Raya en React, TS y Vite
6/100 healthsolivoo /
Ejemplo de uso de redux con un juego de tres en raya, usando Vite, React, y TypeScript.
34/100 health└── 📁Tres-En-Raya
└── 📁hooks
└── post-receive
└── 📁public
└── .htaccess
└── TFeijoo.ico
└── TFeijooLogo.png
└── 📁src
└── App.tsx
└── 📁assets
└── Celebracion1.wav
└── 📁components
└── Board.tsx
└── Footer.tsx
└── Game.tsx
└── PlayerInput.tsx
└── Scoreboard.tsx
└── Square.tsx
└── global.d.ts
└── index.css
└── main.tsx
└── vite-env.d.ts
└── .cpanel.yml
└── .gitignore
└── eslint.config.js
└── index.html
└── package-lock.json
└── package.json
└── postcss.config.js
└── README.md
└── tailwind.config.js
└── tsconfig.app.json
└── tsconfig.json
└── tsconfig.node.json
└── vite.config.ts
Puedes personalizar fácilmente los colores y estilos del juego editando las clases CSS en el archivo index.css. Por ejemplo, para cambiar el color de fondo del tablero:
.bg-custom-dark {
background-color: rgb(16, 21, 36);
}
¡Las contribuciones son bienvenidas! Si encuentras algún error o tienes alguna sugerencia para mejorar el proyecto, por favor abre un issue o envía un pull request.
Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.
Agradecemos a todos los colaboradores y a la comunidad de desarrollo por su apoyo y contribuciones a este proyecto.
¡Diviértete jugando Tres en Raya Interactivo! 🚀
sebas095 /
Pequeña aplicación del clásico juego de tres en raya.
31/100 healthEduardoCastA /
Ejercicio de practica, usando como base el tutorial del juego tres en raya del sitio de React, usando Vite y TypeScript
38/100 health