Build A Real-Time Miro Clone : Part #1 With Vue3,Tailwind CSS,TypeScript,Laravel Reverb,Laravel 11

Published: 13 November 2024
on channel: Wizard Engineer
689
44

Hello friends, In this video we learn how to build, A RealTime Collaboration App that can help Remote Team Collaboration and brainstorm on a Project

Vue 3 Course :    • Vue 3 Tutorial For Beginners #1  - In...  

Learn Vue + TypeScript :    • Vue 3 Tutorial For Intermediate #17 -...  

Vue Composition Api :    • Vue 3 Tutorial For Intermediate #14 -...  

TypeScript Course :    • TypeScript Course  

Source code : https://github.com/Bienfait-ijambo/mi...


TimesCode

0:00 - Introduction
6:26 - Tech Stack and Prerequisites
7:16 - Installing (Laravel 11, Vue 3, TailWind CSS, Laravel Reverb)
20:06 - Designing LoginPage
25:37 - Designing the ProjectPage
39:46 - Designing the ProjectBaordPage
1:00:06 - Design StickyNote
1:54:33 - Designing a TextEditor
2:59:06 - Introduction to Yjs
3:16:15 - Yjs in Practice (StickyNote and MiniTextEditor)
4:36:27 - Mouse in RealTime
4:44:54 - Event Delegation
4:53:04 - Implement Live Cursor
5:32:49 - Drawing Using HTML Canvas


Watch video Build A Real-Time Miro Clone : Part #1 With Vue3,Tailwind CSS,TypeScript,Laravel Reverb,Laravel 11 online without registration, duration hours minute second in high quality. This video was added by user Wizard Engineer 13 November 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 689 once and liked it 44 people.