Collabio | Online whiteboard

Real-time whiteboard made with Next.JS and Socket.IO

Features

  • Drawing lines, circles and rectangles
  • Eraser
  • Undo/Redo
  • Real-time mouse tracking
  • Chatting
  • Placing images
  • Moving selected area
  • Saving canvas
  • Changing backgrounds
  • Sharing

Made using

  • Next.JS
  • Recoil
  • TailwindCSS
  • Framer Motion
  • Socket.IO

Demo

LIVE DEMO: https://collabio-kriziu.herokuapp.com

Installation

Clone repository, install all npm packages and run like normal Next.JS application.

Screenshots

Home page

home page

Board page

Board page