CodeCloud ✨

A live web code editor with real-time preview functionality built using React and CodeMirror. Edit HTML, CSS, and JavaScript simultaneously with collapsible panels! 🚀

Features 🌟

• 📝 Triple-pane editor for HTML/CSS/JS
• 🔄 Real-time preview updates (1-second debounce)
• ↔️ Collapsible editor panels
• 🛡️ Safe script execution sandbox
• 📱 Responsive layout

Installation ⚙️

1. Clone the repository:

    git clone https://github.com/yourusername/codecloud.git

2. Install dependencies:

   npm install

3. Start development server:

   npm run dev

Technologies Used 💻

• ⚛️ React 18
• 📚 CodeMirror
• 🎨 CSS Modules
• 🕒 Debounced rendering
• 🖼️ Font Awesome Icons

Usage Guide 📖

1. Write code in any of the three editors (HTML/CSS/JS)
2. See instant preview updates in the right panel
3. Click expand/collapse buttons (↔️) to toggle editors