LiveCodeEditor

A simple online code editor with real-time preview. This project allows users to write and edit HTML, CSS, and JavaScript, with instant feedback displayed in a preview panel. Users can also upload local files to edit them directly in the browser.

Features

• 📝 Monaco Editor for a smooth coding experience
• ⚡ Live Preview updates as you type
• 📂 File Upload Support for editing local files
• 🌙 Dark Mode support
• 📱 Responsive Design

Installation & Usage

1. Clone the repository:

   git clone https://github.com/fatkhurrhn/web-playground.git
   cd LiveCodeEditor

2. Install dependencies:

   npm install

3. Run the project:

   npm run dev

4. Open in your browser at http://localhost:5173/ (or the port specified by Vite).

Technologies Used

• React
• Monaco Editor (@monaco-editor/react)
• Tailwind CSS