https://github.com/richard-1257/code-editor
code-editor is a lightweight and user-friendly text editor designed for developers and writers seeking a distraction-free writing environment. With a focus on simplicity and performance, code-editor provides a range of features to enhance your writing and coding experience
https://github.com/richard-1257/code-editor
Last synced: 7 months ago
JSON representation
code-editor is a lightweight and user-friendly text editor designed for developers and writers seeking a distraction-free writing environment. With a focus on simplicity and performance, code-editor provides a range of features to enhance your writing and coding experience
- Host: GitHub
- URL: https://github.com/richard-1257/code-editor
- Owner: richard-1257
- Created: 2023-10-19T13:04:36.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-10-19T15:05:28.000Z (almost 2 years ago)
- Last Synced: 2025-01-26T13:25:47.313Z (9 months ago)
- Language: HTML
- Homepage:
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Live Code Editor
A simple web-based live code editor that allows you to write and run HTML, CSS, and JavaScript code in real-time. This project provides an easy way to experiment with web development code and see the output instantly.
## Table of Contents
- [Demo](#demo)
- [Features](#features)
- [Getting Started](#getting-started)
- [Usage](#usage)
- [Authors]
## Demo
You can try the Live Code Editor online at [Demo Link](https://example.com).
## Features
- Separate code editors for HTML, CSS, and JavaScript.
- Real-time rendering of the code output.
- Easy to use and beginner-friendly.
## Getting Started
To run this project on your local machine, follow these steps:
1. Clone this repository:
```bash
git clone https://richard-1257.github.io/code-editor/
Open the project folder:
bash
Copy code
cd live-code-editor
Open the index.html file in your web browser.
Usage
Type or paste your HTML code in the "HTML" textarea.
Type or paste your CSS code in the "CSS" textarea.
Type or paste your JavaScript code in the "JavaScript" textarea.
The output will be displayed in the "Output" iframe in real-time as you type or make changes in any of the code editors.
Authors
Richard Ifeanyi Caleb
richardsifeanyi@gmail.com
Obah Sylva
sylvan452@gmail.com
Ezeah Tobechukwu John
johntobez@gmail.com
Merit Gloria Ogudu
gmerit2030@gmail.com
Richard Ifeanyi Caleb
richardsifeanyi@gmail.com
Obah Sylva
sylvan452@gmail.com
Ezeah Tobechukwu John
johntobez@gmail.com
Merit Gloria Ogudu
gmerit2030@gmail.com