adityayaduvanshi / Collabflow

A collaborative, real-time whiteboard. Packed with features such as real-time database, whiteboard from scratch with ability to add shapes like Rectangles and Ellipses, Sticky notes and Pencil drawing.

Collabflow

Collabflow is an open-source real-time collaborative whiteboard application designed to provide a seamless experience for creating, collaborating, and organizing ideas on a digital canvas. Developed using Next.js, TypeScript, Convex, Liveblocks, Tailwind CSS, and ShadcnUI, Collabflow incorporates a rich set of features and modern technologies to enhance your collaborative workflow.

Demo

Live Link - https://collabflow.vercel.app/

Features

-🛠️ Whiteboard from scratch

• 🧰 Toolbar with Text, Shapes, Sticky Notes & Pencil
• 🪄 Layering functionality
• 🎨 Coloring system
• ↩️ Undo & Redo functionality
• ⌨️ Keyboard shortcuts
• 🤝 Real-time collaboration
• 💾 Real-time database
• 🔐 Auth, organisations and invites
• ⭐️ Favoriting functionality

Installation

Cloning the repository

git clone https://github.com/adityayaduvanshi/Collabflow.git

Install packages

npm i

Setup .env file

CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
LIVEBLOCKS_SECRET_KEY=

Setup Convex

npx convex dev

Start the app

npm run dev

License

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

Contributing

We welcome contributions! If you have ideas for new features, encounter bugs, or want to improve the documentation, please open an issue or submit a pull request.