📝 React Code Editor

A lightweight React + TypeScript code editor inspired by CodePen.
Write HTML, CSS, and JavaScript in separate panels and see your code run instantly in a live preview panel.
Built entirely with <textarea> editors (no external code editor libraries, no <pre> hacks) + React Context API for state sharing.

---

🚀 Tech Stack

• React + TypeScript
• Vite for fast dev/build
• Tailwind CSS for styling
• React Context API for global state
• HTML5 iframe (srcDoc) for live preview

---

✨ Features

• 3 separate HTML, CSS, JS panels using <textarea>
• Auto-indent support on pressing Enter
• Run, Reset, Download buttons (context-powered)
• Live preview in sandboxed iframe (allow-scripts allow-modals)
• Download final code as .html file
• Clean UI built with Tailwind CSS
• Lightweight — no external editor libraries (Monaco, CodeMirror, etc.)