A Next.js based whiteboard application using Rough.js under the hood .
- Supports websockets
- Supports shapes like : rectangle || square || ellipse || freehand etc
- Record feature
- Pan | zoom and lot more . Just click on the hosted link.
- RECORDING โ
![image](https://private-user-images.githubusercontent.com/103873587/329251731-64637de6-60e6-4192-99a5-054864edb6e2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MjQzMTYsIm5iZiI6MTcyMTcyNDAxNiwicGF0aCI6Ii8xMDM4NzM1ODcvMzI5MjUxNzMxLTY0NjM3ZGU2LTYwZTYtNDE5Mi05OWE1LTA1NDg2NGVkYjZlMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyM1QwODQwMTZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03MGFlMGUxMzdiZGRmMWYxYjk1YWE5NDZiNWQyN2Y2N2E5YzYyZGIxOTBlOThiNGNmZjVhNGRiMWMxNGE5NTA4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.eyh79bMgHLoUpBPXsRv4llCmMZC0sb6u18-TmJ0keMY)
- Middle Mouse Click ToolBar
- Collaboration(Websockets)
https://github.com/dhruvpatidar359/nextdraw
https://github.com/dhruvpatidar359/nextDrawBackend
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Remember that this project uses .env for both the backend and frontend part
Distributed under the MIT License. See LICENSE
for more information.
dhruvpatidar - [email protected]