Playboard 🎨

Playboard is a fast and easy drawing app that lets you express your ideas instantly and collaborate with other users live.

Features ✨

• Fast color picker 🌈
• Customizable your drawing line width 🖌️
• Clear canvas 🗑️
• Take screenshot 📸
• Light/dark theme 🌞🌙

Tech Stacks 💻

• Next.js
• TailwindCSS
• Shadcn UI
• Zustand
• Express.js
• Socket.io

Run Locally 🚀

Run this command in the root folder.

yarn dev

or

Change the directory into each folder and run.

cd server
yarn dev
cd client
yarn dev

You can now play around with it.

Environment Variables 🌎

To run this project, you will need to add the following environment variables to your .env file:

For client:

NEXT_PUBLIC_HOSTED_SERVER= {hosted server url}