https://github.com/sujjeee/playboard
Playboard is a fast and easy drawing app that lets you express your ideas instantly and collaborate with other users live.
https://github.com/sujjeee/playboard
drawing-app nextjs13 shadcnui taiwlindcss websocket
Last synced: about 1 month ago
JSON representation
Playboard is a fast and easy drawing app that lets you express your ideas instantly and collaborate with other users live.
- Host: GitHub
- URL: https://github.com/sujjeee/playboard
- Owner: sujjeee
- Created: 2023-07-29T17:47:00.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-31T14:13:02.000Z (about 2 years ago)
- Last Synced: 2025-05-12T23:54:28.643Z (5 months ago)
- Topics: drawing-app, nextjs13, shadcnui, taiwlindcss, websocket
- Language: TypeScript
- Homepage: https://playboard.vercel.app
- Size: 192 KB
- Stars: 7
- Watchers: 1
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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}
```