Skip to content

adityayaduvanshi/Collabflow

Repository files navigation

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.

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors