Saltar al contenido

Sopa de letras

← Volver a proyectos Imagen del proyecto Sopa de letras
HTML CSS JavaScript

El problema

Maestros y padres que quieren una actividad rápida suelen perder tiempo armando sopas de letras a mano, o terminan con generadores llenos de opciones que no necesitan.

La idea

Un creador de sopas de letras simple: escribes las palabras que quieres, y puedes imprimir el resultado o resolverlo directamente en el sitio. Sirve para pasar un rato divertido con niños pequeños o para generar actividades de clase en minutos, con palabras de cualquier tema escolar.

Qué hace

  • Genera la sopa de letras con cualquier lista de palabras que ingreses.
  • Se puede imprimir, o resolver y comprobar la respuesta dentro de la misma página.
  • Funciona en el navegador, sin instalar nada, en computadora o celular.
  • Tiene modo claro y oscuro.

Cómo está hecho

HTML, CSS y JavaScript sin servidor. La lógica para colocar las palabras en la cuadrícula y manejar el juego parte de las librerías wordfind.js, wordfindgame.js y tag-it.js de bunkat, con cambios propios para este proyecto: la interfaz, los modos claro y oscuro y la impresión.

Lo que aprendí

  • Entender mejor cómo funcionan las funciones de JavaScript. Por eso partí del generador de bunkat: analizarlo me ayudó a ver cómo se comporta el lenguaje.
  • La primera versión fue mi proyecto final de la escuela: solo HTML, CSS y JavaScript con una interfaz muy sencilla. El enfoque fue parecido al del juego Snake: practicar esos tres lenguajes.
  • El diseño actual me ayudó a familiarizarme con las interfaces responsivas y con el cambio entre tema claro y oscuro.

Créditos

La base del generador es trabajo de bunkat. Este proyecto la adapta y le agrega su propia interfaz.

¿Cómo contactarme?

Estoy disponible para nuevas oportunidades. ¡Hablemos!