🎮 JUEGA AHORA EN TU NAVEGADOR

Implementación moderna del juego del ahorcado, desarrollado con Next.js, TypeScript y Tailwind CSS. Incluye soporte para múltiples idiomas, modo oscuro, y palabras dinámicas aleatorias obtenidas de la API de Datamuse.

• 🌍 Soporte Multiidioma: Español e Inglés
• 🎨 Diseño Moderno: Interfaz elegante con Material Design
• 🌙 Modo Oscuro: Soporte completo para tema claro y oscuro
• 📱 Responsive: Optimizado para dispositivos móviles y escritorio
• 🎯 Múltiples Dificultades: Fácil, Intermedio y Difícil
• 🔤 Palabras Dinámicas: Integración con la API de Datamuse
• ⌨️ Controles de Teclado: Soporte completo para entrada por teclado
• 📊 Sistema de Puntuación: Seguimiento de victorias y derrotas
• 🎨 Animaciones: Transiciones suaves y efectos visuales

Visita la página del juego en https://ahorcado-pi.vercel.app/

• Elige entre Español o Inglés para las palabras del juego

• Fácil: Palabras de 4 a 5 letras
• Intermedio: Palabras de 6 a 8 letras
• Difícil: Palabras de 9 a 15 letras

• Mouse: Haz clic en las letras presentadas
• Teclado: Presiona las teclas correspondientes a las letras
• Nuevo Juego: Reinicia la partida actual
• Cambiar Dificultad: Regresa a la selección de dificultad

• Framework: Next.js 15.2.4
• Lenguaje: TypeScript
• Estilos: Tailwind CSS
• Componentes: Radix UI
• Iconos: Lucide React
• API: Datamuse API
• Gestión de Estado: React Hooks
• Temas: next-themes

• Node.js 18.0 o superior
• pnpm (recomendado) o npm

1. Clona el repositorio

   git clone https://github.com/lunagus/ahorcado.git
   cd ahorcado

2. Instala las dependencias

   npm install

3. Ejecuta el servidor de desarrollo

   npm run dev

4. Abre tu navegador Navega a http://localhost:3000

ahorcado/
├── app/                    # App Router de Next.js
│   ├── globals.css        # Estilos globales
│   ├── layout.tsx         # Layout principal
│   └── page.tsx           # Página principal del juego
├── components/            # Componentes reutilizables
│   ├── hangman-drawing.tsx # Componente del dibujo del ahorcado
│   ├── confirmation-modal.tsx # Componente del modal de confirmación
│   ├── theme-provider.tsx  # Proveedor de temas
│   └── ui/                # Componentes de UI (Radix UI)
├── hooks/                 # Custom hooks
├── lib/                   # Utilidades y configuraciones
├── public/                # Archivos estáticos
├── styles/                # Estilos adicionales
└── package.json           # Dependencias y scripts

• Datamuse API por proporcionar las palabras dinámicas
• Next.js por el framework de React
• Tailwind CSS por el sistema de diseño
• Radix UI por los componentes accesibles
• Lucide por los iconos