Whiteboard

Una pizarra digital interactiva que permite agregar ideas, conectarlas, clonarlas y usar shortcodes para

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/
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

📝 Tarjetas personalizables

Escribe notas en Markdown, arrástralas libremente y redimensiona según tus necesidades.

↔️ Conexiones flexibles

Une tus tarjetas con curvas Bézier que se adaptan automáticamente al mover los elementos.

🖱️ Menú contextual

Clona, pega o limpia elementos con el menú de clic derecho para mayor productividad.

💾 Guardado automático

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