Real-Time Miro Clone With Nextjs, React, Tailwind and ShadcnUI

Desktop (screenshot):

Team Boards	Team Meeting

Team Meeting	Organization

Team Meeting	Delete Board

Members	Settings Org

This is a repository for a Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth.

DEPLOY

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

Pre requisites

Node version 14.x

Cloning the repository

git clone https://github.com/Luancss/next14-miro

Install packages

npm i

Setup .env file

CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
LIVEBLOCKS_SECRET_KEY=

Setup Convex

npx convex dev

Start the app

npm run dev