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://monchovarela.es/_proyectos/apps/pizarra

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