https://github.com/tholumuzikhuboni/code-editor

A sleek and modern online code editor that lets you write and run HTML, CSS, and JavaScript with live preview. Perfect for quick experiments and web development learning.
https://github.com/tholumuzikhuboni/code-editor

bootstrap code-editor code-editor-javascript code-editor-online code-editors codemirror codemirror-editor css css3 html html-css html-css-javascript html5 javascript

Last synced: 24 days ago
JSON representation

A sleek and modern online code editor that lets you write and run HTML, CSS, and JavaScript with live preview. Perfect for quick experiments and web development learning.

• Host: GitHub
• URL: https://github.com/tholumuzikhuboni/code-editor
• Owner: tholumuzikhuboni
• License: mit
• Created: 2024-11-21T23:10:27.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-08T19:22:07.000Z (29 days ago)
• Last Synced: 2024-12-08T19:25:17.775Z (29 days ago)
• Topics: bootstrap, code-editor, code-editor-javascript, code-editor-online, code-editors, codemirror, codemirror-editor, css, css3, html, html-css, html-css-javascript, html5, javascript
• Language: HTML
• Homepage: https://editor.tholumuzi.co.za/
• Size: 15.1 MB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.html
  • License: LICENSE

Awesome Lists containing this project

README

        
# Online Code Editor

![Preview Image](./src/images/image.png)

A sleek and modern online code editor that allows you to write and run HTML, CSS, and JavaScript with live preview. Ideal for quick experiments, learning, or showcasing your web development skills.

## Features

- Write HTML, CSS, and JavaScript in separate editors.

- Live preview of the code on the same page.

- Syntax highlighting with CodeMirror.

- Options to run the code, format it, save, and load previous code snippets.

- A responsive design, optimized for both desktop and mobile users.

## Demo

You can try the live demo of the project at:  

[editor.tholumuzi.co.za](https://editor.tholumuzi.co.za)

## Technologies Used

- HTML

- CSS

- JavaScript

- CodeMirror for syntax highlighting and code editing

- Bootstrap for responsive design

## Installation

To set up the project locally:

1. Clone the repository:

   ```bash

   git clone https://github.com/tholumuzikhuboni/code-editor.git