An all in one whiteboard, document editor and diagrams editor. Full of un-imaginabe features.
- Side-by-Side Editing: Use the Split View to sketch diagrams while writing technical specs.
- Rich Text Editor: Powered by BlockNote, featuring slash commands, drag-and-drop blocks, and real-time persistence.
- Infinite Canvas: Integrated Excalidraw instance that saves elements, app state (zoom/orientation), and images.
- Multi-Team Support: Create and switch between different team workspaces effortlessly.
- Team Settings: Rename your workspace or manage "Danger Zone" actions like team deletion through a secure interface.
- File Management: Organize, rename, and delete files with a clean table-view dashboard.
- Framework: Next.js 16 (App Router)
- DB & Backend:end: Convex (Real-time sync)
- Authentication: Kinde
- Whiteboard + diagrams: Excalidraw
- Editor: BlockNote
- Styling: Tailwind CSS + Shadcn/UI
- Theming: Next Themes
bash
git clone [https://github.com/Sankashan-T/whitespace.io.git](https://github.com/Sankashan-T/whitespace.io.git)
cd whitespace.io
o
npm install
# Kinde Auth
KINDE_CLIENT_ID=your_kinde_id
KINDE_CLIENT_SECRET=your_kinde_secret
KINDE_ISSUER_URL=https://your_domain.kinde.com
KINDE_SITE_URL=http://localhost:3000
KINDE_POST_LOGOUT_REDIRECT_URL=http://localhost:3000
KINDE_POST_LOGIN_REDIRECT_URL=http://localhost:3000/dashboard
# Convex
CONVEX_DEPLOYMENT_KEY=your_convex_key
NEXT_PUBLIC_CONVEX_URL=your_convex_url
onvex_url
# Start next js
npm run dev
# Start convex
npx convex dev
dev
