Este proyecto es una visualización interactiva del algoritmo Bubble Sort, usando cartas numeradas estilizadas con una estética elegante, animada y comprensible. Ideal para aprender cómo funciona paso a paso este algoritmo de ordenamiento clásico.
- 🎴 Generación aleatoria de cartas
- 🔁 Ordenamiento visual paso a paso con animaciones
- 📋 Registro (log) de cada comparación e intercambio
- 🐢 Control de velocidad de animación
- 🧹 Botón para reiniciar y volver a generar
- 🎨 Cartas con
linear-gradient, bordes redondeados y sombras suaves - 🌘 Fondo oscuro accesible tipo tablero
- 🌀 Animaciones de tipo pulse, swing y glow
- 🧾 Log visual con colores según acción (comparación, intercambio, orden final)
- 📱 Diseño responsive para todos los dispositivos
✨ Diseño visual por Alejandra Bárcena
- HTML
- CSS (custom + Bootstrap variables)
- JavaScript
- Git & GitHub Pages
- Clona el repositorio:
git clone https://github.com/PatsyThePug/Ordenando-Cartas-con-Bubble-Sort.git
¡Gracias por visitar! 🌟
Made with 💜 by Alejandra y supervisado por Patsy 🐶✨