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.
- Subscription Management: Implemented with Stripe for handling recurring payments and subscription models.
- 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.
- Stripe: Payment processing and financial infrastructure.
- Clone the repository:
git clone https://github.com/Yaroslaw07/collab_board.git
- Install dependencies:
npm install
- Set up environment variables:
-
Create a
.env.localfile in the root of the project. -
Add the required environment variable from
.env.example -
Replace the placeholder values with your actual keys.
-
Add the environment variables from
.env.convex.localto Convex project
-
- Run the development server:
npm run dev
- Open your browser at
http://localhost:3000to 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, Convex and Stripe 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