3 - 🚀 CCCE Build2: A Collaborative Cloud Code Editor! 🌐 | Live Coding with AI Magic! 💻
3 - 🚀 CCCE Build2: A Collaborative Cloud Code Editor! 🌐 | Live Coding with AI Magic! 💻
CCCE is a revolutionary web-based collaborative cloud code editor. It enables real-time collaboration with your team, making coding efficient and fun! 🌐👨💻👩💻
Development Journey Timeline:
⏱️ 00:00:00 - Edit and Share Logic
🛡️ 01:17:12 - Unshare Logic and Share With Me Logic and UI
⚙️ 01:50:10 - Improving Share Logic
🖼️ 01:57:45 - Search Projects Logic
🔍 02:03:25 - Gen AI UI Components
🔧 03:12:33 - Gen AI Service Logic and Integration
📐 03:51:46 - Improving Gen AI Prompting, Dockerizing WebSocket Server
💬 03:58:43 - Liveblock Integration for Collaboration
🌐 04:29:27 - Liveblocks UI Components - Cursors, Avatars
🖊️ 05:00:40 - AI Copilot Enable/Disable Toggle Button
⚡ 05:22:07 - Liveblocks Sync, UI Enhancements and Rate limitations
🖥️ 06:29:09 - Refactoring Generate AI Logic, AI Usage
📦 06:52:43 - Orchestrator (Can be skipped as we don’t use this later to avoid any more complexity)
⚡ 07:44:18 - Terminal Logic Continued…
🖥️ 08:27:03 - Disable Live Collaboration and Share User Restrictions
📦 08:58:48 - Terminals Working and Preview Component
⚡ 09:23:40 - Added Disabled Projects, Terminals and Preview Resizing
🖥️ 09:52:45 - Limiting Project Size and DND (Drag and Drop for Files/Folders)
📦 10:30:38 - Deleting and Creating Folder Logic
⚡ 11:12:40 - ECS Setup (Can be skipped as we don’t use this later to avoid any more complexity)
Continued in next part...
---
#AICodeAssistant #CodeEditor #React #NodeJS #NextJS #Cloudflare #Liveblocks #Clerk #TypeScript #AI #Programming
Subscribe for more videos and tech insights! 😊👨💻👩💻
*Follow me on Twitter*: https://x.com/kuluruvineeth
Github Code Link : https://github.com/kuluruvineeth/ccce
Thank you for watching! Let's make coding more exciting together! 🌟