Course

Build a Real-Time Miro Clone

Name: Build a Real-Time Miro Clone
Author: Antonio

In this 10 hour tutorial, you will learn how to create your very own Miro clone.

Created by

Antonio

Antonio is a passionate coder and the creative mind behind codewithantonio.com.

Start Watching

Overview

Learn how to create your very own Miro clone - A collaborative, real-time whiteboard. Packed with features such as real-time database, whiteboard from scratch with ability to add shapes like Rectangles and Ellipses, Sticky notes and Pencil drawing.

Intro & Demo
Setup
Structure & Routing
Database & Auth
Dashboard Layout
Board Sidebar
Organization Sidebar
Navbar
Empty States
Create Mutation
Board List
Card Actions
Favorite & Unfavorite
Querying
Canvas Layout
Liveblocks
Room Authorization
Room Info
Room Participants
Room Toolbar
Canvas State
Cursors Presence
Insert Layer
Select Layer
Selection Box
Resize Layer
Translate Layer
Change Color & Delete
Layer Depth
Selection Net
Other Elements
Pencil & Hooks
Deployment & Wrap-up
Board Limit
Pro Modal
Stripe Checkout
Stripe Webhook
Stripe Subscription
Stripe Deployment

Build a Real-Time Miro Clone

Antonio

Start Watching