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:
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.
Ficou muito lindo, parabéns!
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.
top de mais o projeto
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.