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.
- 📝 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
- Clone the repository:
git clone https://github.com/fatkhurrhn/web-playground.git cd LiveCodeEditor - Install dependencies:
npm install
- Run the project:
npm run dev
- Open in your browser at
http://localhost:5173/(or the port specified by Vite).
- React
- Monaco Editor (@monaco-editor/react)
- Tailwind CSS