Collab Board is a real-time digital canvas for interactive, multi-user collaboration, built with modern web technologies. Whether you're brainstorming, planning, or just doodling with friends, this project offers a seamless experience for collaborative creativity!
- Authentication: Secure login and session management with Clerk.
- Real-time Presence: See whoβs online and what theyβre doing using Liveblocks.
- Backend Logic: Powered by Convex for efficient server-side operations.
- Beautiful UI: Styled with Tailwind CSS and Chadcn/UI for a responsive and sleek design.
- Custom Hooks & Providers: Enhance reusability and state management.
- Next.js: Framework for server-rendered React applications.
- Tailwind CSS: Utility-first CSS framework.
- Convex: Handles server-side logic and data synchronization.
- Liveblocks: Manages real-time collaboration and presence.
- Clerk: User authentication and session management.
- Clone the repository:
git clone https://github.com/Yaroslaw07/collab_board.git
- Install dependencies:
npm install
- Set up environment variables:
- Create a
.env.local
file in the root of the project. - Add the required environment variable from
.env.example
- Replace the placeholder values with your actual keys.
- Create a
- Run the development server:
npm run dev
- Open your browser at
http://localhost:3000
to see the project in action!
The project is deployed on Vercel and can be accessed live at collab-board.vercel.app.
- For detailed setup and customization, check out the Liveblocks, Clerk, and Convex documentation.
We welcome contributions! Feel free to submit issues, fork the repository, and create pull requests.
This project is licensed under the MIT License - see the LICENSE file for details.
Made with β€οΈ by Yaroslaw07