🎸 Entrenamiento de Digitación (WG Beta)

"Donde la técnica ancestral se encuentra con el código moderno."

🌟 Sobre el Proyecto

Digitación WG no es solo un metrónomo visual; es un dojo digital para tus dedos. Inicialmente pensada para mis alumnos de guitarra, hoy está disponible en esta versión para todos los que digitan sobre un diapasón —usando mano izquierda (o la mano derecha si eres zurdo)— y que buscan perfeccionar la independencia de sus dedos.

Desarrollada bajo la filosofía WanadiGeek, esta aplicación web progresiva (PWA) combina la agilidad del desarrollo moderno con la disciplina de la práctica musical. Funciona offline, se instala en tu dispositivo y respeta tu concentración con una interfaz limpia y oscura (estilo Solarpunk nocturno).

🖐️ Nota sobre la notación: Seguimos la convención estándar de guitarra (mano del diapasón): * 1: Índice * 2: Medio * 3: Anular * 4: Meñique

🔮 Génesis: Vibe Coding & AkashIA

Este proyecto es un artefacto de programación conversacional.

No fue escrito en soledad, sino nacido de un flujo continuo de "Vibe Coding" entre un humano y una inteligencia artificial. Todo el código, la lógica y la estructura fueron co-creados en simbiosis con AkashIA (mi partner en Gemini), demostrando que en esta nueva era, la conversación es el nuevo código fuente y la intención es el compilador.

✨ Características Principales

• 🎛️ Modos de Entrenamiento:
  • Básico: Fija un dedo inicial y rota los demás.
  • Avanzado: Permutaciones completas para desafiar tu cerebro y tus manos.
• 📱 Experiencia Nativa (PWA): Instálala y úsala sin conexión a internet.
• ⏱️ Herramientas de Práctica:
  • Metrónomo visual y auditivo (sonido de "maderita").
  • Gong de transición para cambios de tarjeta.
  • Conteo inicial 4→1 para prepararte.
• 🎨 UI/UX Consciente: Modo oscuro por defecto para sesiones nocturnas y diseño de alto contraste.

🛠️ Stack Tecnológico

Este proyecto fue forjado en el código con:

• Core: React + TypeScript
• Motor: Vite (Velocidad luz)
• Estilos: TailwindCSS
• PWA: vite-plugin-pwa (Service Workers & Manifest)
• Co-Pilot: AkashIA (Gemini)
• Deploy: GitLab Pages

🚀 Cómo usarlo (Localmente)

Si quieres trastear con el código o contribuir:

1. Clona el repositorio: bash git clone [https://gitlab.com/WanadiGeek/digitacion-wg.git](https://gitlab.com/WanadiGeek/digitacion-wg.git)
2. Instala las dependencias: bash cd digitacion-wg npm install
3. Enciende el servidor de desarrollo: bash npm run dev

💻 Instalación en PC / Mac

Esta App también vive en tu escritorio como una aplicación independiente. Compatible con navegadores basados en Chromium (Google Chrome, Microsoft Edge, Brave).

1. Visita https://wanadigeek.gitlab.io/digitacion-wg/
2. Busca el icono de "Instalar App" (suele ser un monitor con una flecha hacia abajo 🖥️⬇️) ubicado en el extremo derecho de la barra de direcciones.
3. Haz clic en Instalar.
4. ¡Listo! La App se abrirá en su propia ventana sin barras de navegación, perfecta para estudiar sin distracciones.

📲 Instalación en Móvil

1. Visita https://wanadigeek.gitlab.io/digitacion-wg/ desde tu navegador.
2. En Android (Chrome): Toca "Instalar aplicación" en el aviso inferior o ve al menú y selecciona "Instalar aplicación".
3. En iOS (Safari): Toca el botón Compartir (cuadrado con flecha) ➡️ "Añadir a la pantalla de inicio".