erereck/oplanomaker

★ 0Forks 0JavaScriptGitHub ↗Compare

Project website ↗

README

O Plano Maker

Um mapa mental minimalista em HTML, CSS e JavaScript puro.

Rodar local

Abra index.html direto no navegador ou rode um servidor local:

python -m http.server 4173

Depois acesse:

http://localhost:4173

O uso em localhost e recomendado para a acao de colar imagem pelo menu, porque navegadores costumam restringir o clipboard em arquivos file://.

Recursos

  • Quadro branco infinito com grid e pan/zoom.
  • Retangulos 16:9 com cantos leves, arrastar e redimensionar mantendo proporcao.
  • Legendas nos retangulos.
  • Labels de texto com tamanho, cor, fundo configuravel e quebra manual com Shift+Enter.
  • Linhas continuas e pontilhadas para conectar objetos.
  • Menu com botao direito para colar/importar imagem, duplicar, editar e excluir.
  • Auto save local com IndexedDB e fallback em localStorage.
  • Exportar/importar projeto em JSON.

Contributors

erereck

Issues