Brain Board is a real-time collaboration and idea visualization platform. It allows users to sketch, organize, and brainstorm on a flexible, interactive digital canvas. The platform is designed to unlock creativity, share ideas, and facilitate seamless collaboration among team members, regardless of their location.
- Real-time collaboration on a digital canvas
- Interactive and flexible canvas for sketching and organizing ideas
- Support for multiple users and teams
- Seamless integration with Clerk for authentication and Convex for data storage
- Frontend: Next.js, React, TypeScript
- Backend: Convex, Clerk
- Database: Convex
- Authentication: Clerk
src/app/(dashboard)/client.tsx: The main client-side component for the dashboardsrc/app/board/[id]/page.tsx: The page component for individual boardssrc/components/auth/loading.tsx: The loading component for authenticationsrc/components/ui/skeleton.tsx: The skeleton component for UI elementsconvex/_generated/api.d.ts: The generated API utility for Convex
The Convex API is used for data storage and retrieval. You can find the API documentation in the convex/_generated/api.d.ts file.
To get started with Brain Board, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/brain-board.git - Install dependencies:
npm installoryarn install - Start the development server:
npm run devoryarn dev - Open your browser and navigate to
http://localhost:3000
Contributions are welcome! If you'd like to contribute to Brain Board, please fork the repository and submit a pull request.
Brain Board is licensed under the MIT License.
- Clerk for authentication and Convex for data storage
- Next.js and React for the frontend framework
- TypeScript for type safety