Executando verificação de segurança...
10

Estou criando um whiteboard orgânico que pode aninhar outros whiteboards

Eu tenho a ideia de um dia escrever um livro de ficção fantástica e eu queria muito ter um whiteboard onde eu conseguisse aninhar ideias dentro de outros whiteboards, ter como se fosse um painel visual, orgânico e que desse para eu organizar um dentro do outro.
Eu criei então o draob (sim, é board ao contrário XD). Acho que a proposta principal dele é ser orgânico e conseguir ter uma hierarquia de whiteboards.

Estou aproveitando bastante a velocidade que a AI garante pra gente até desbloquear algumas coisas que não conseguimos fazer e honestamente eu não sei porque não comecei a criar algo publicamente antes, dá um friozinho na barriga da crítica, mas é gostosinho ver que alguém usa e percebe pontos de melhoria que a gente não pensa (apenas amigos usaram ainda). Está atualmente na versão v0.2.3, portanto bem cru pro que eu quero fazer ele ser.

Eu queria começar a fazer ele ser público, fazer pessoas usarem pra colher feedbacks e por isso vou começar a falar dele, aqui está sendo o primeiro lugar.

Um roadmap rápido do que eu quero que ele seja:

  • Fazer um dark mode
  • Ter mais funções de desenho ao invés de apenas cards (flechas, linhas, formas geométricas)
  • Ter a versão dele com back-end (ele é apenas local atualmente, usando o IndexedDB do navegador pra armazenar dados)
  • Ter alguma forma de colaborar em equipes (preciso pensar nisso)
  • Anexar outros típos de mídia, como imagens, vídeos e afins
  • Criar uma forma de fazer com que outras pessoas pudessem gerar outros tipos de card de sua autoria (eu até coloquei um card de Iframe por enquanto pra sanar um pouco isso)
  • Criar um espaço para templates

Já deixo meu obrigado pra você que leu até aqui, eu acho você top e se puder passa lá no draob e tenta quebrar alguma coisa pra me reportar kkk
Aproveita e deixa seu projetinho aqui embaixo, vou visitar todos que eu puder e dar meu feedback <3

Atualização (24/11/2025):
Saiu a versão v0.3.0, agora é possível fazer desenhos, mas eu tive que mudar a minha estrutura inicial do canvas, então está com alguns bugs de usabilidade que vou corrigir. Adorei a interação de vocês que comentaram, eu não sabia nem se alguém ia LER meu post, imagina comentar kkkkk mas isso deu um gás pra deixar isso polidinho, principalmente pra quem curtiu a ferramenta. Vou correr atrás dos débitos e obrigado de vdd pelo feedback <3

Carregando publicação patrocinada...
2

Cara a sua ideia é muito legal, eu testei e gostei, talvez até comece a usar
mas fiquei em duvida para saber se é possível apagar um Board
da para usar renomeando por enquanto que não tem o deletar, mas serial legal ter o apagar, e também um tipo de aviso se tiver algum card dentro dele

e oque você resolveu de colocar um Board dentro de outro, já existe uma feramente que faz isso, o nome é milanote, ela é bem completa e parece ter tudo oque você precisa

apesar de já existir seria legal você continuar fazendo a sua que funciona de forma local
e isso é um diferencial da sua aplicação que eu gostei muito
você quer colocar o online, mas permita que possa continuar usando o offline/local

1

A ideia é manter o local sim. O draob pra mim NASCEU PRA SER LOCAL. Quando eu fizer online eu vou por pago pq aí o custo pra manter vai começar a ficar maior já que vou ter que pagar pra guardar os dados dos usuários. Eu preciso estudar também como seria o custo pra manter os dados e tal.

Cara, eu conheci o milanote, mas eu queria algo menos limitado, principalmente porque em universos complexos de ficção tem as vezes muita informação, árvore genealógica e tal, então por isso que ele nasceu pra ser local, pq aí eu removo essa camada de limitação de dados. O usuário pode meter o tanto de dado que o PC dele suportar localmente.

Sobre apagar a board tem como clicando com o botão direito sobre ela, mas de fato ainda preciso criar uma validação de conteúdo. Tem até uma coisa que acontece agora que mesmo que vc apague o card da board, ela ainda existe, mas só é acessível via link kkkk mas em breve vou fazer essa deleção ser definitiva e com alguma mensagem de validação.

O mais difícil foi fazer ser possível desenhar na board, eu liberei essa feature HOJE, mas isso gerou alguns bugs principalmente de usabilidade. Eu vou focar em polir a usabilidade de tudo.
Eu uso a ferramenta diariamente, daí eu percebi bugs na hora de redimensionar linhas, setas e o card de iframe (infelizmente não contei que quando o mouse entrasse no iframe, o redimensionamento ia sumir pq ia parar de fazer a captura do estado do mouse).

Com a usabilidade dos desenhos polida, eu vou começar a focar em desenvolver novas features, novos tipos de card e tal. Enfim, muito trabalho pela frente, mas tá gostoso kk

1

É bom saber que o Local vai continuar kkkk

e na parte de apagar a board, alem de conseguir acessar via URL, você consegue "reviver" ela com a ferramenta de linkar boards

eu ja testei a nova feature dos desenhos, gostei bastante, porem uma coisa foi perdida na atualização, não sei se foi de propósito, mas não é mais possivel mudar o nome da todo-list como antes

tem alguma forma q eu possa entrar em contato com você alem dos comentarios dessa publicação?

1
2

Cara, sim! Eu preciso ver como vou fazer pra celulares. Não apliquei mobile first pq eu nem ia publicar essa ferramenta, ia usar sozinho e eu sou do PC pra fazer planejamentos e tal, mas eu gostei tanto que publiquei e agora eu tenho que correr atrás dos débitos

1
1

Obrigado, eu vou lutar pra manter isso clean. Já to começando a ficar incomodado com a quantidade de ferramentas na esquerda da tela kkkkk vou ver de criar menus de contexto pra guardar as ferramentas e talvez criar um sistema de preferência de tipos de card, não sei. Ideias 😂

1
2

É exatamente isso que tá no forninho nesse momento. Eu fiz uma besteira pq qnd eu criei eu não tava pensando tanto em ter os desenhos, então o desafio no momento é justamente colocar a possibilidade de desenhar, como no excalidraw, mas ter como isso se comunicar com os cards. No início até pensei em criar uma camada particular de desenho, só que eu quero que tanto os desenhos quanto os cards compartilhem da mesma troca de z-index qnd eu for fazer uma ordenação de quem vai pra frente e quem vai estar atrás. É provável que eu vá ter que dar uma repensada na estrutura um pouco, mas nada que bunda na cadeira e tempo não resolvam xD

1

Cara bem legal, parabéns! Uma coisa que eu com certeza usaria bastante é se tivesse uma sessão para criarmos diagramas do mermaid ou diagramas tipo o draw io mas com IA.

2
1

Meu, ficou mto bom. Imagino q vc está indo pro caminho certo, pois ele é simples e fluido. E tbm curti a forma q vc linka entre os boards. Isso ajuda demais na organização de projetos.

Uma coisa q vc pode colocar no seu roadmap (isso se vc quiser), é tabela. Pelo menos para mim, isso é uma coisa mto essencial qndo a gente faz um projeto e utiliza whiteboard assim. O problema q as tabelas q vejo em softwares parecidos são bemmmmm limitados, mas é pq tem motivos estruturais (vc um dia vai sentir qndo tiver mtos dados no msm board). Então se vc conseguir fazer uma tabela q não seja complexo de manipular e consiga fazer "ilimitado", ajuda mto nesse contexto.

1

Obg pelo comentário!
Com certeza vai ter tabelas. Eu penso que realmente vai ser um desafio, mas vai ser mto massa passar por isso. No meu trampo a gente tem desafios de performance com volume de dados em um lugar que meio que já é esperada, como aqui é um whiteboard eu acredito que vai ser até mais complicado. Só que eu quero por sim.