
Pizarra Interactiva
Organiza tus ideas con tarjetas conectables y Markdown
- Tecnologías: JavaScript, HTML5 Canvas, LocalStorage
- Diseño: Interfaz tipo pizarra con modo claro/oscuro
- Colores: #1e88e5 #ff9800 #4caf50 #f5f5f5
-
URL:
https://pizarra.surge.sh/
Otra version: https://monchovarela.es/_proyectos/apps/
Rol en el proyecto
Desarrollo completo de una pizarra interactiva con sistema de tarjetas conectables, implementación de curvas Bézier para las conexiones, funcionalidad de Markdown en tarjetas y sistema de persistencia en LocalStorage.




Características principales
- Escribe notas en Markdown, arrástralas libremente y redimensiona según tus necesidades.
- Une tus tarjetas con curvas Bézier que se adaptan automáticamente al mover los elementos.
- Clona, pega o limpia elementos con el menú de clic derecho para mayor productividad.
- Tu trabajo se guarda automáticamente en el navegador gracias a LocalStorage.
Estructura técnica
- Frontend: Interfaz canvas con sistema de arrastrar y soltar
- Módulos: controllers.js, devices.js, events.js
- Base de datos: Sistema de usuarios y eventos (token-based)
- Recursos: Sistema de gestión de imágenes y assets