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

Board page