Live Code Editor

Live Code Editor is a simple web-based code editor developed using HTML, CSS, and JavaScript. With this editor, you can write and preview HTML, CSS, and JavaScript code all in one place. The application has been deployed using GitHub pages and can be accessed using the following link: https://aryadeepit.github.io/Live-Code-Editor/

Table of Contents

• Features
• Technologies Used
• Installation
• Usage
• Screenshots

Features

• Live preview of HTML, CSS, and JavaScript code
• Easy to use and navigate interface
• Simple and clean design

Technologies Used

• HTML
• CSS
• JavaScript

Installation

To run the Live Code Editor locally on your machine, you can follow these simple steps:

1. Clone the GitHub repository to your local machine by running the following command in your terminal:

git clone https://github.com/AryadeepIT/Live-Code-Editor.git

2. Navigate to the project directory by running the following command:

cd Live-Code-Editor 

3. Open the index.html file in your browser.

Usage

1. Open the Live Code Editor website using the following link: https://aryadeepit.github.io/Live-Code-Editor/

2. Enter your HTML, CSS, and JavaScript code in the corresponding textareas.

3. The preview of your code will be displayed in the iframe below the textareas.

4. You can make changes to your code in real-time and the preview will be updated accordingly.

5. Once you are satisfied with your code, you can copy and paste it into your own project.

Screenshots