Skip to content

Luancss/next14-miro

BranchesTags

Repository files navigation

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

Desktop (screenshot):

Team Boards Team Meeting
miro1 miro clone 1
Team Meeting Organization
miro clone 2 miro4
Team Meeting Delete Board
miro2 miro clone 5
Members Settings Org
miro clone 3 miro clone 4

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

About

Advanced miro clone, focusing on complex aspects to offer a highly functional platform. I integrated advanced features for real-time collaboration, efficient organization of ideas, and fluid manipulation of visual elements.

next14-miro.vercel.app

Topics

typescript reactjs nextjs auth date-fns convex tailwindcss clerk liveblocks shadcn-ui

Resources

Readme
Activity

Stars

17 stars

Watchers

2 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

 
 
 

Contributors 1

Languages