CodeLekhan (Online Code Editor)

This is a simple online code editor built using React, Monaco Editor, and JSZip. It allows users to write HTML, CSS, Tailwind, JavaScript, and ReactJS code and see the live output in an iframe. Additionally, users can download their code files as a ZIP archive.

Features

• Edit HTML, CSS, and JavaScript code in real-time.
• Code with Tailwind And ReactJS as well.
• View live output in the iframe.
• Download code files as a ZIP archive.
• Clean the code in one click
• Preview in new tab (under dev)

Demo

You can access the live demo of this project here.

Installation

To run this project locally, follow these steps:

1. Clone this repository:

git clone https://github.com/AzadNishad/Code-Lekhan.git

2. Navigate to the project directory:

cd Code-Lekhan

3. Install dependencies:

npm install

4. Start the development server:

npm run dev

Open your browser and visit http://localhost:5173 to see the application running.

Usage

1. Select the tab (HTML, CSS, or JavaScript) to edit the respective code.
2. Write your code in the editor.
3. See the live output in the output iframe.
4. To download your code files, click on the "Download Files" button.

Credits

• React (Vite)
• Monaco Editor
• JSZip
• FileSaver.js

---

Feel free to adjust the sections or add any additional information you find necessary!