https://github.com/huoyijie/infinity

An interesting real-time collaborative whiteboard with infinite space.
https://github.com/huoyijie/infinity

collaboration infinity msgpack nextjs prisma react real-time socket-io tailwindcss whiteboard

Last synced: about 1 month ago
JSON representation

An interesting real-time collaborative whiteboard with infinite space.

• Host: GitHub
• URL: https://github.com/huoyijie/infinity
• Owner: huoyijie
• License: mit
• Created: 2023-08-03T05:33:28.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-07T05:21:12.000Z (about 1 year ago)
• Last Synced: 2024-06-13T21:39:02.011Z (3 months ago)
• Topics: collaboration, infinity, msgpack, nextjs, prisma, react, real-time, socket-io, tailwindcss, whiteboard
• Language: JavaScript
• Homepage: https://huoyijie.github.io/infinity/
• Size: 288 KB
• Stars: 7
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: License

Awesome Lists containing this project

README

        
# Infinity

Infinity is An interesting real-time collaborative whiteboard with infinite space which was made by [huoyijie](https://huoyijie.cn).

[Online Demo](https://huoyijie.github.io/infinity/)

![infinity-record](https://cdn.huoyijie.cn/uploads/2023/09/infinity-record.gif)

一个基于 Node.js 的全栈项目，后端基于 Node.js、Mysql、Prisma (ORM)、Socket.io (MsgPack) 等技术实现。前端基于 Next.js、React、socket.io (MsgPack)、tailwindcss 等技术实现。

支持铅笔绘画、涂改笔、移动画板、滚轮或手势缩放画板、点击选中单个笔划、左键拖拽选中多个笔划、移动选中笔划、复制选中笔划、删除选中笔划、缩放选中笔划、撤销笔划、设置画笔颜色不透明度和粗细等功能。未来计划添加对图形 (Shapes) 和快捷键等功能的支持。

![infinity screenshot](https://github.com/huoyijie/infinity/assets/11747704/4e77abf6-52e0-4f18-afd0-29399fe89db2)

## Install

* [bankend](./backend/)

* [frontend](./frontend/)