Overview:

Collabio is an online whiteboard that allows real-time collaboration, built using Next.JS and Socket.IO. Users can draw lines, circles, and rectangles, make use of an eraser, undo/redo actions, track mouse movements in real-time, chat with others, insert images, move selected areas, save canvases, change backgrounds, and share their work.

Features:

• Drawing Tools: Users can draw lines, circles, and rectangles on the whiteboard.
• Eraser: Allows users to erase specific parts of their drawing.
• Undo/Redo: Enables users to undo or redo their actions.
• Real-time Mouse Tracking: Tracks mouse movements in real-time for collaborative work.
• Chatting: Users can chat with each other while working on the whiteboard.
• Insert Images: Allows users to add images to the whiteboard.
• Move Selected Area: Users can move selected areas of their drawing.
• Saving Canvas: Provides the functionality to save the canvas.
• Changing Backgrounds: Users can change the background of the whiteboard.

Installation:

To install Collabio, follow these steps:

1. Clone the repository using git clone [repository_url].
2. Install all npm packages using npm install.
3. Run the application as a normal Next.JS application.

Summary:

Collabio is a feature-rich online whiteboard built using Next.JS and Socket.IO. It offers a wide range of collaborative features such as drawing tools, real-time mouse tracking, chat functionality, and the ability to insert images and save canvases. The installation process is straightforward, making it accessible for users to set up and start collaborating in real-time.