👥📝 Collab Board

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!

🚀 Features

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.

🛠️ Technologies Used

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.

🧑‍💻 Getting Started

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.
Run the development server:
```
npm run dev
```
Open your browser at http://localhost:3000 to see the project in action!

🌐 Deployment

The project is deployed on Vercel and can be accessed live at collab-board.vercel.app.

📚 Documentation

For detailed setup and customization, check out the Liveblocks, Clerk, and Convex documentation.

🤝 Contributing

We welcome contributions! Feel free to submit issues, fork the repository, and create pull requests.

📄 License

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

Made with ❤️ by Yaroslaw07

Yaroslaw07 / collab_board