board-wex
Real-Time Miro Clone Built With Nextjs, React, Covex, Liveblocks, TypeScript, and Tailwind CSS.
MIT License
Stars
14
Committers
3
BoardWex - Real-Time Miro Clone
Real-Time Miro Clone Built With Nextjs, React, Covex, Liveblocks, TypeScript, and Tailwind CSS.
Features:
- đ ī¸ Whiteboard from scratch
- 𧰠Toolbar with Text, Shapes, Sticky Notes & Pencil
- đĒ Layering functionality
- đ¨ Coloring system
- âŠī¸ Undo & Redo functionality
- â¨ī¸ Keyboard shortcuts
- đ¤ Real-time collaboration
- đž Real-time database
- đ Auth, organisations and invites
- âī¸ Favoriting functionality
- đ Next.js 14 framework
- đ TailwindCSS & ShadcnUI styling
Prerequisites
Node version 14.x
Cloning the repository
git clone https://github.com/aftabrehan/board-wex.git
Install packages
npm i
Setup .env file
CONVEX_DEPLOYMENT=dev:<convexProjectId>
NEXT_PUBLIC_CONVEX_URL=https://<convexProjectId>.convex.cloud
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
CLERK_SECRET_KEY=sk_test_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
CLERK_JWT_ISSUER_DOMAIN=https://example-id-0.clerk.accounts.dev
LIVEBLOCKS_SECRET_KEY=sk_dev_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Setup Convex
npx convex dev
Start the app
npm run dev