fais3000 / draw-with-ur-friends

React app where you can draw online with your friends. 🎨

Draw with your friends 🖌

Small web app where you can draw online with your friends and others.

Made with React (with hooks), Socket.IO, P5.js and Typescript.

Hope you'll enjoy !

Project setup

Run server

cd server
npm install
npm run start

Run app

cd client
npm install
npm run start

Links

• Demo
• UI Styleguide

Current features

• ➕ Create a room
• ➡️ Join a room
• 📧 Send messages to your friends in a room
• ✒️ Pick a brush size
• 🎨 Pick a brush color
• 📝 Draw on canvas
• ♻️ Clear canvas
• 🐾 See your friends drawing on the same canvas
• 🙋 Add your username
• 🔵 Get assigned an icon
• ❗ Alert system
• 📁 Save artboard