Skip to content

✒️ A sleek, real-time & collaborative online code editor for HTML, CSS, and JavaScript

Notifications You must be signed in to change notification settings

FarhadG/mesh-code-editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

90 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MESH

A sleek, collaborative, online code editor for HTML, CSS, JavaScript


This project won Firebase's solo hackathon when their API was first exposed. That said, it will continue to grow (and be updated) with new features. If something is not working or you would like a new feature, please use the issues page.

Demo

Click for a demo: Mesh Code Editor.

Installation

You can simply fork and clone (or download) Mesh into your local directory:

  $ git clone https://www.github.com/farhadg/mesh-code-editor

Usage

Fire up index.html for the online code editor. You will be presented with some default text that'll provide you an idea of the layout.

The preview box can be adjusted and dragged around. Be sure to select and drag around the edges (handlers), since the contents within the frame are exempt of this behaviour.

You can also switch between a dark or light theme.

For basic editor modifications, checkout js/app.js and css/style.css.

HTML CSS JavaScript (jQuery)

Options

I'll be adding more meshing features; that said, if you'd like a feature, let me know so that I'll try and implement it into future updates.

About

✒️ A sleek, real-time & collaborative online code editor for HTML, CSS, and JavaScript

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published