Darshit02/draw_board

Bring your brainstorming sessions and remote teamwork to life with Draw_board. This web-based application provides an infinite canvas where you and your collaborators can draw, sketch, and write together in real-time.

White Board using Nextjs, React, Tailwind

Features:

🛠️ Whiteboard

🧰 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

🌐 Next.js 14 framework

💅 TailwindCSS & ShadcnUI styling

Prerequisites

Node version 14.x

Cloning the repository

[https://github.com/Darshit02/draw_board](https://github.com/Darshit02/draw_board.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