Real-time collaboration made simple - A powerful platform for collaborative document editing and whiteboard drawing with cloud storage and multi-user support.

• Real-time editing with live cursor tracking
• Multi-user collaboration with instant updates
• Cloud storage - Save and access documents from anywhere
• Personal library - Manage all your documents in one place
• Cross-device sync - Work seamlessly across all devices
• Secure authentication - Your documents are private and secure

• Interactive whiteboard for diagrams and sketches
• Real-time collaboration (Beta feature)
• Multi-user cursors - See where others are working
• Cloud save - Store drawings online
• Personal drawings library - Access your creations anywhere

• Secure user registration and login
• JWT-based authentication
• Protected routes and personal workspaces

• MongoDB integration for reliable data storage
• Cross-device synchronization
• Personal workspace for each user

• Go - High-performance backend server
• Gin Framework - Fast HTTP web framework
• WebSockets - Real-time bidirectional communication
• MongoDB - NoSQL database for document storage
• JWT - Secure authentication tokens

• Next.js 14 - React framework with App Router
• TypeScript - Type-safe JavaScript
• Tailwind CSS - Utility-first CSS framework
• WebSocket Client - Real-time communication

• Go 1.19+ installed
• Node.js 18+ installed
• MongoDB database (local or cloud)

1. Navigate to server directory

   cd server

2. Install dependencies

   go mod tidy

3. Set up environment variables Create a .env file in the server directory:

   MONGODB_URI=your_mongodb_connection_string
   JWT_SECRET=your_jwt_secret_key
   PORT=8080

4. Run the server

   go run main.go

   Server will start on http://localhost:8080

1. Navigate to client directory

   cd client

2. Install dependencies

   npm install

3. Set up environment variables Create a .env.local file in the client directory:

   NEXT_PUBLIC_API_URL=http://localhost:8080
   NEXT_PUBLIC_WS_URL=ws://localhost:8080

4. Run the development server

   npm run dev

   Frontend will start on http://localhost:3000

1. Visit the homepage
2. Choose your tool: Doc Online or ExcaliDraw
3. Click "Create New Session"
4. Start collaborating - Share the URL with others

1. Get the session ID from a collaborator
2. Click "Join Existing Session"
3. Enter the session ID
4. Start collaborating in real-time

1. Sign in to access personal features
2. View your saved documents and drawings
3. Access your work from any device
4. Organize your personal library

Collabify/
├── server/           # Go backend
│   ├── main.go      # Main server file
│   ├── auth/        # Authentication handlers
│   ├── docs/        # Document management
│   ├── drawings/    # Drawing management
│   └── socket/      # WebSocket handlers
└── client/          # Next.js frontend
    ├── app/         # Next.js App Router
    ├── components/  # React components
    ├── contexts/    # React contexts
    └── public/      # Static assets

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test thoroughly
5. Submit a pull request

This project is licensed under the MIT License - see the LICENSE file for details.

Yash Raj

• LinkedIn: @yash-raj-in
• Twitter: @ya_shtwt
• YouTube: @yashraj.10

Give a ⭐️ if this project helped you!