Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/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.
https://github.com/darshit02/draw_board

clerk convex docker liveblocks nextjs14 tailwindcss

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/darshit02/draw_board
Owner: Darshit02
Created: 2024-02-06T04:27:33.000Z (11 months ago)
Default Branch: master
Last Pushed: 2024-04-21T06:16:48.000Z (9 months ago)
Last Synced: 2024-05-17T20:19:41.958Z (8 months ago)
Topics: clerk, convex, docker, liveblocks, nextjs14, tailwindcss
Language: TypeScript
Homepage: https://draw-board-tau.vercel.app
Size: 9.37 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 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

```shell
[https://github.com/Darshit02/draw_board](https://github.com/Darshit02/draw_board.git)
```

### Install packages

```shell
npm i
```

### Setup .env file

```js
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
LIVEBLOCKS_SECRET_KEY=
```

### Setup Convex

```shell
npx convex dev

```

### Start the app

```shell
npm run dev
```