pizarra

Pizarra Interactiva

Organiza tus ideas con tarjetas conectables y Markdown

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.


Boxes
Clear whiteboard
Clone card
Connect cards

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