/tres-en-raya

Juego clásico de Tres en Raya desarrollado con React y estilizado con Tailwind CSS para una interfaz atractiva

Primary LanguageJavaScript

Juego 3 en Raya con React y Tailwind CSS

Logo

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.