Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/obed-tc/tres-en-raya
Juego clásico de Tres en Raya desarrollado con React y estilizado con Tailwind CSS para una interfaz atractiva
https://github.com/obed-tc/tres-en-raya
react tailwindcss vercel
Last synced: 8 days ago
JSON representation
Juego clásico de Tres en Raya desarrollado con React y estilizado con Tailwind CSS para una interfaz atractiva
- Host: GitHub
- URL: https://github.com/obed-tc/tres-en-raya
- Owner: obed-tc
- Created: 2024-04-01T02:04:11.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-04-07T23:23:14.000Z (7 months ago)
- Last Synced: 2024-04-08T00:58:01.991Z (7 months ago)
- Topics: react, tailwindcss, vercel
- Language: JavaScript
- Homepage: https://tres-en-raya-game.vercel.app
- Size: 327 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Juego 3 en Raya con React y Tailwind CSS
Este es un juego de 3 en raya desarrollado utilizando React y Tailwind CSS. El objetivo del juego es conseguir tres fichas del mismo jugador en línea, ya sea de forma vertical, horizontal o diagonal.
## Funcionalidades
- **Juego 3 en Raya**: Los jugadores pueden competir entre sí para obtener tres fichas del mismo tipo en línea.
- **Alternancia de Turnos**: El juego alterna automáticamente entre los turnos de los jugadores.
- **Indicador de Ganador**: Se muestra un mensaje cuando un jugador gana o cuando el juego termina en empate.
- **Reinicio de Juego**: Los jugadores pueden reiniciar el juego en cualquier momento.
## Requisitos Previos
- Node.js >= 14.x instalado en tu sistema.
- Se recomienda el uso de PNPM como gestor de paquetes. Puedes instalarlo globalmente con `npm install -g pnpm`.
- Navegador web moderno compatible con las tecnologías utilizadas (React y Tailwind CSS).
## Instalación
1. Clona este repositorio en tu máquina local:
```
git clone https://github.com/obed-tc/tres-en-raya
```
2. Navega al directorio del proyecto:
```
cd tres-en-raya
```
3. Instala las dependencias utilizando pnpm:
```
pnpm install
```
## Uso
1. Inicia el servidor de desarrollo:
```
pnpm run dev
```
2. Abre tu navegador web y visita `http://localhost:5173`.
3. Juega al 3 en raya alternando entre los jugadores.
## Tecnologías Utilizadas
- React: Biblioteca JavaScript para construir interfaces de usuario.
- Tailwind CSS: Framework de diseño utilitario para construir rápidamente interfaces web.
- React Vite: Herramienta de construcción rápida para aplicaciones React.
## Contribución
¡Las contribuciones son bienvenidas! Si deseas contribuir a este proyecto, por favor sigue estos pasos:
1. Haz un fork del proyecto.
2. Crea una nueva rama (`git checkout -b feature/nueva-funcionalidad`).
3. Realiza tus cambios y haz commit de ellos (`git commit -am 'Añadir nueva funcionalidad'`).
4. Haz push de tu rama (`git push origin feature/nueva-funcionalidad`).
5. Crea un nuevo Pull Request.
## Licencia
Este proyecto está licenciado bajo la [Licencia MIT](LICENSE).