https://github.com/srivenkat13/dboard

A Virtual whiteboard 🖌️ for drawing with Live 👁️👁️Collaboration
https://github.com/srivenkat13/dboard

drawing-app nextjs react redux-toolkit socket-io vercel

Last synced: 2 months ago
JSON representation

A Virtual whiteboard 🖌️ for drawing with Live 👁️👁️Collaboration

• Host: GitHub
• URL: https://github.com/srivenkat13/dboard
• Owner: srivenkat13
• Created: 2023-12-19T18:30:01.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-12T17:43:32.000Z (almost 2 years ago)
• Last Synced: 2025-03-20T15:50:23.752Z (over 1 year ago)
• Topics: drawing-app, nextjs, react, redux-toolkit, socket-io, vercel
• Language: JavaScript
• Homepage: https://dboard-draw.vercel.app
• Size: 183 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

[![Deploy with Vercel](https://vercel.com/button)]()

## Dboard :: Real-time Collaborative Drawing App

 

### Overview

This project is a real-time collaborative drawing application inspired by Excalidraw. It allows multiple users to join unique drawing sessions via shareable URLs and collaborate on a shared canvas in real-time.

## Features

- **Real-time Collaboration**: Multiple users can draw simultaneously on the same canvas.

- **Unique Sessions**: Each session has a unique URL, ensuring private and distinct drawing spaces.

- **Drawing Tools**: Supports various drawing tools and configurations such as color and brush size.

- **Undo/Redo**: Allows users to undo and redo their drawing actions.

- **Download**: Users can download their drawings as a PNG image.

- **Clear Canvas**: Users can clear the entire canvas.



## Tech Stack

- **Next.js**: React framework for building the front end.

- **Express.js**: Backend server for handling socket connections.

- **Socket.io**:  For Real-time, bidirectional, and event-based communication.

- **Redux**

- **Tailwind CSS**

- Backend hosted on Render , UI on vercel