Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 3 months 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 (over 1 year ago)
Default Branch: master
Last Pushed: 2024-07-22T12:31:56.000Z (6 months ago)
Last Synced: 2024-08-01T22:37:40.225Z (6 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: 8
Watchers: 3
Forks: 1
Open Issues: 3
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/)