(削除) Widgets (削除ここまで) WidKit Educativos

WidKit son 18 widgets educativos que funcionan en cualquier plataforma (Moodle, Blackboard, Canvas, Google Classroom, etc.). Solo copias un link, lo pegas en tu LMS, y funciona. Así de simple.

• ✅ Sin programar - Copia y pega
• ✅ Sin registros - Empieza ya
• ✅ Sin límites - Usa todo gratis
• ✅ Sin base de datos - Todo por URL
• ✅ 100% Responsive - Funciona en todo

Ve a widkit.lol, elige un widget y configúralo:

📝 Ejemplo: Cuenta Regresiva
- Título: "Examen Final"
- Fecha: 15 de Diciembre, 2025
- Haz clic en "Copiar Código"

En Moodle:

1. Activa edición → Añade "Etiqueta" o "Página"
2. Clic en botón HTML </>
3. Pega el código
4. ¡Listo! 🎉

En Blackboard:

1. "Crear contenido" → "Elemento"
2. Vista HTML
3. Pega el código
4. ¡Funciona! ✅

En Canvas:

1. Edita página → "Editor HTML" </>
2. Pega el código
3. Guarda
4. ¡Ya está! 🚀

En cualquier web:

URL: https://widkit.lol/app/cuentaregresiva.html?title=Examen%20Final&y=2025&m=12&d=15&h=14

Los estudiantes ven cuánto tiempo queda en tiempo real.

URL: https://widkit.lol/app/sorteo.html?items=Juan,María,Pedro,Ana,Luis

Click en "Sortear" → animación → confetti → ¡ganador!

URL: https://widkit.lol/app/qr.html?code=https://meet.google.com/abc-def-ghi&size=256

Genera un QR al instante, sin apps externas.

WidKit es una PWA (Progressive Web App). Puedes instalarla como app nativa:

• En el navegador: Busca el ícono ⊕ en la barra de direcciones
• En móvil: Menú → "Instalar aplicación"
• Ventajas: Funciona offline, más rápida, como app nativa

# Clonar
git clone https://github.com/bemtorres/widkit.git
cd widkit
# Servidor local
npm start
# o
python -m http.server 8080
# o
npx serve .

widkit/
├── index.html # Landing page
├── manifest.json # PWA config
├── sw.js # Service Worker
├── admin/ # Configuradores
│ ├── cronometro.html
│ ├── equipos.html
│ ├── games/ # Widgets de juegos
│ │ ├── quiz.html
│ │ ├── flashcard.html
│ │ └── ...
│ ├── tools/ # Herramientas PWA
│ │ ├── icon-generator.html
│ │ └── pwa-imagen.html
│ ├── faq-admin.html # Admin FAQ jerárquico
│ └── ...
├── app/ # Widgets embebibles
│ ├── cronometro.html
│ ├── cuentaregresiva.html
│ ├── faq.html # Vista pública FAQ
│ └── ...
└── assets/
 ├── css/
 ├── js/
 │ └── i18n.js # Multi-idioma (ES/EN/PT)
 └── img/
 └── icons/
 ├── widkit_entero.png # Logo normal
 └── widkit_entero_pro.png # Logo Pro Mode

Todos los widgets funcionan por parámetros URL:

?title=texto&y=2025&m=12&d=15&c1=%23ff0000&c2=%2300ff00

Sin backend, sin base de datos. Todo en el cliente.

Modo Pro

Activa el Modo Pro en widkit.lol para:

• 🔥 Tema oscuro con efectos de fuego
• ✨ Animaciones especiales
• 💫 Partículas flotantes
• 🎨 Iconos animados

Es solo visual, todos los widgets siguen siendo gratis.

WidKit está disponible en:

• 🇪🇸 Español
• 🇬🇧 English
• 🇧🇷 Português

Cambia el idioma en la esquina superior derecha de widkit.lol.

WidKit incluye un sistema completo de gestión de preguntas frecuentes con estructura jerárquica de nodos.

• 🌳 Estructura de árbol: Categorías, subcategorías y respuestas
• 🔍 Búsqueda en tiempo real: Busca por título o contenido
• 📤 Export/Import JSON: Intercambia datos fácilmente
• ✅ Validación: Títulos únicos, no eliminar nodos con hijos
• 📊 Estadísticas: Contador de nodos, profundidad máxima

• 📖 Vista Pública: app/faq.html - Solo lectura, búsqueda y navegación
• ⚙️ Administración: admin/faq-admin.html - CRUD completo, export/import

{
 id_nodo: 1,
 titulo: "Becas",
 descripcion: "Información general...",
 id_nodo_padre: null, // null = nodo raíz
 orden: 0,
 hijos: [...]
}

1. ✅ Un nodo raíz tiene id_nodo_padre = null
2. ✅ No se puede eliminar nodos con hijos
3. ✅ Títulos únicos en el mismo nivel
4. ✅ Búsqueda recursiva en todo el árbol

MIT License - Uso libre y gratuito para siempre.

Creado con ❤️ por @bemtorres

Si WidKit te ayuda, dale una ⭐ en GitHub y compártelo con otros educadores.