Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/obed-tc/tres-en-raya
🎮 Tic-Tac-Toe Game – A classic Tic-Tac-Toe game built with React and styled with Tailwind CSS for a sleek and modern interface.
https://github.com/obed-tc/tres-en-raya
react tailwindcss vercel
Last synced: 10 days ago
JSON representation
🎮 Tic-Tac-Toe Game – A classic Tic-Tac-Toe game built with React and styled with Tailwind CSS for a sleek and modern interface.
- Host: GitHub
- URL: https://github.com/obed-tc/tres-en-raya
- Owner: obed-tc
- Created: 2024-04-01T02:04:11.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-09-29T15:48:19.000Z (4 months ago)
- Last Synced: 2024-11-09T13:40:45.548Z (2 months ago)
- Topics: react, tailwindcss, vercel
- Language: JavaScript
- Homepage: https://tres-en-raya-game.vercel.app
- Size: 1.62 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- 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).