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

Projeto open source do Miro e Figma Jam

Ei pessoal! Quero compartilhar com vocês o meu mais recente projeto open source chamado OpenCollaBoard. É uma aplicação de colaboração visual, no estilo Miro e Figma Jam, que permite que você crie, compartilhe e trabalhe em conjunto em um quadro virtual em tempo real. Veja uma demonstração no vídeo do Youtube abaixo:

OpenCollaBoard

Aqui vão alguns detalhes técnicos usados no projeto:

Para começar, eu usei Next.js com TypeScript como a base da aplicação. Next.js é um framework de React que facilita a criação de aplicativos universais, enquanto TypeScript adiciona tipagem estática à linguagem JavaScript, o que aumenta a segurança e a produtividade do desenvolvedor.

Além disso, eu utilizei a biblioteca React Flow para implementar o editor de diagramas da aplicação. Ele oferece uma interface fácil de usar para a criação de fluxogramas e diagramas de forma simples e eficiente.

Por fim, eu implementei um servidor Node.js com Socket.io para permitir a colaboração em tempo real entre os usuários. Socket.io é uma biblioteca de comunicação em tempo real que facilita a comunicação bidirecional entre o servidor e o cliente.

Eu escolhi essas tecnologias porque elas são poderosas, confiáveis e fáceis de usar. Além disso, elas se integram bem umas com as outras, permitindo que a aplicação seja desenvolvida rapidamente.

O OpenCollaBoard é um projeto open source, o que significa que é livre para ser usado, compartilhado e modificado por qualquer pessoa. Eu adoraria receber colaboradores interessados em contribuir para o projeto. Existem várias maneiras de contribuir, desde a correção de erros, implementação de novas funcionalidades e melhorias, até o desenvolvimento de novas bibliotecas e integrações.

Se você está interessado em colaborar ou apenas quer experimentar o OpenCollaBoard, por favor, visite o repositório do projeto em link do repositório.

Carregando publicação patrocinada...
1
1
1

Cara, que da hora esse projeto, atualmente eu estou mexendo com a biblioteca GSAP e Three.js, estava procurando um projeto para aplicar essas ferramentas de animação visual, tenho algumas ideias para implementar nesse projeto, vou me organizar certinho para criar um issues nesse repositorio.

1
1
1

Poxa andre, que maneiro eu ja tinha pensando uma vez ate em criar algo parecido usando canvas, mas bom saber que ja existe uma lib que abstrai essas implementações.

1

Exatamente, o React Flow ajuda demais na construção do ambiente! O mais complexo mesmo fica sendo a lógica do real time e a posição dos objetos no ambiente.