Resizable HTML Editor

A real-time, HTML editor that allows users to write and preview HTML, CSS, and JavaScript code seamlessly. Perfect for web developers and learners to experiment with front-end code in a live environment.

---

Features

• Real-Time Preview: Instantly see the output of your HTML, CSS, and JavaScript code.
• Resizable Panels: Adjust the size of the editor and preview panels.
• Tabbed Interface: Switch between index.html, style.css, and script.js tabs.
• Auto-Suggestions: Intelligent code suggestions for HTML, CSS, and JavaScript.
• Unsaved Changes Warning: Prevents accidental loss of work.
• Dark Theme: Sleek, dark theme inspired by VS Code.

---

Technologies Used

• HTML, CSS, JavaScript: Core technologies.
• CodeMirror: Versatile text editor for the code editor.
• SweetAlert2: Beautiful warning dialogs.

---

How It Works

1. Write Code: Type your HTML, CSS, and JavaScript code in the respective tabs.
2. Live Preview: The preview panel updates in real-time.
3. Resize Panels: Drag the resizer to adjust panel sizes.
4. Switch Tabs: Easily switch between HTML, CSS, and JavaScript tabs.