AntonioErdeljac/next14-miro-clone

Stars
205
Rank 187,279 (Top 4 %)
Language
TypeScript
Created 5 months ago
Updated 4 months ago

AntonioErdeljac/next14-miro-clone

AntonioErdeljac

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Build a Real-Time Miro Clone With Nextjs, React, Tailwind (2024)

This is a repository for a Build a Real-Time Miro Clone With Nextjs, React, Tailwind (2024) youtube video.

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/AntonioErdeljac/next14-miro-clone.git

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

next13-airbnb-clone

next13-ai-saas

next13-discord-clone

next13-ecommerce-admin

next13-messenger

next-auth-v5-advanced-guide

notion-clone-tutorial

next13-lms-platform

next13-spotify

next-netflix-tutorial

next13-ecommerce-store

next13-trello

next13-ai-companion

twitter-clone

next14-twitch-clone

ts-node-mongo-rest-api-tutorial

Repository for a REST API using MongoDB, Node.js and TypeScript

python-tensorflow-google

Notes taken from Google Machine Learning Course provided to public for practice & correction.

passport-tutorial

This is a repository for my Medium.com article

js-blog-tutorial

This is a tutorial for a Medium story

js-chat-tutorial

A repository for chat app tutorial using React.js, Socket.io and Node.js

file-upload-tutorial

A repository for Medium.com tutorial

AntonioErdeljac

prisma-db-starter

messenger-video

lingo-early-access

next-auth-monogdb

carrotDB

A JSON based database for Node.js 🥕

tailwind-labs-tutorial

actions-demo

fl0-clerk-next

problem-1

nextjs-blog

tailwind-css-recipes

workshop-lucia-auth

NearChat

Chatting app based on your location using React.js & Node.js

angular-exercise

Repository for exercise with Angular 9

backend-recreation

youtube-clone

next13-lms

ts-autocomplete

citycoin-web

design-practice

problem-2

js-pokedex

A pokedex app built with Webpack and React.js.

products-gtm-ts

webassembly-demo

wer2018

JobScheduler

Repository for a job scheduler assignment

webrtc-video-chat

vue-practice

expo-stack-navigator

Expo & React Native practice

trainingtogether-backend

typescript-basics

Boxlio

codeburn-io

Gatsby starter for creating a blog

React-Native-Superagent

Repository for React Native project w/ Superagent Ajax calls

peerjs-react-chat

workshop-3

javascript-dom

Repo for practicing DOM manipulation with JS

trainingtogether-app

flow-wizard