Aryan-Jagadale / iBoard

A collaborative, real-time whiteboard.

Home Page:https://iboard.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GitHub license GitHub stars GitHub issues

About

A collaborative, real-time whiteboard. Packed with features such as real-time database, whiteboard from scratch with ability to add shapes like Rectangles and Ellipses, Sticky notes and Pencil drawing. Using the newest technologies such as Next.js. 14, Clerk, Convex and LiveBlocks.. follow the How to use guide.

How to use this project

  • Clone this repository into your local machine.
    git clone https://github.com/Aryan-Jagadale/iBoard.git
  • Make sure to have env variable of CLerk, Liveblock and Convex. Refer docs of them.
    npm i
  • In one terminal run to spinup Next js.
    npm run dev
  • In another terminal run to spinup convex db.
    npx convex dev
  • You are ready for setup.
  • Support me by staring this repository đź’›

Demo

demo

Features

  • Delete designs on DELETE button click --> DONE
  • Change design of sticky notes --> DONE
  • Add a background to svg --> DONE
  • Persentaion mode --> DONE
  • Add Emoji for user --> DONE
  • Add a support for canvas ui --> yet to start
  • Add a text editor (for svg) --> yet to start

About

A collaborative, real-time whiteboard.

https://iboard.vercel.app


Languages

Language:TypeScript 95.0%Language:JavaScript 2.8%Language:CSS 2.1%