🚀 CodeScape3D en HCI International 2024
Imagínate una herramienta que no solo enseña programación, sino que también hace que conceptos complejos como la teoría de grafos cobren vida de una manera interactiva y accesible. Este es el propósito de CodeScape3D, y es por eso que fue presentado con orgullo en la conferencia HCI International 2024 en Washington DC, del 29 de junio al 4 de julio de 2024. En un mundo donde entender algoritmos y estructuras de datos es clave, CodeScape3D no solo educa, sino que también motiva y engancha a los estudiantes, logrando que conceptos abstractos se vuelvan más claros y fáciles de retener.
¿Qué es CodeScape3D?
CodeScape3D es más que una plataforma educativa; es una experiencia de aprendizaje inmersiva. ¿Por qué? Porque combina visualizaciones dinámicas y animaciones para hacer que la programación y la teoría de grafos sean comprensibles y atractivas para cualquier persona, sin importar su nivel de experiencia. Además, para asegurar que los conceptos se asimilen, la plataforma incluye cuestionarios interactivos y minijuegos en 3D que refuerzan lo aprendido.
🛠️ Tecnologías Utilizadas
Desarrollar una herramienta tan innovadora requiere tecnología de vanguardia. Aquí te comparto las herramientas clave que usamos en CodeScape3D:
- Frontend: React con Vite y Material UI
- Backend: Node.js
- Estado: Redux Toolkit
- Animaciones: Animate CSS
- Pruebas: Jest
🔗 Descubre la Demo
¿Te gustaría verlo en acción? No hay mejor manera de entender el impacto de CodeScape3D que explorarlo tú mismo. Aquí te dejo el enlace a la Demo de CodeScape3D, donde podrás experimentar de primera mano lo que ofrece.
📄 Presentación del Proyecto
Si estás interesado en los detalles del proyecto, no te pierdas el póster de la presentación en PDF, donde explicamos los objetivos educativos de CodeScape3D y algunos desafios que enfrentamos al desarrollarlo.