Live HTML-CSS-JS Editor

• https://csals.github.io/Live-HTML-CSS-JS-Editor/
• This is a code editor where you can write HTML, CSS, JS code and see the output there itself.
• You can also download the source code.
• Hosted on heroku.
• Similar to codepen, jsfiddle.

Source Code :-

• index.php , composer.json are used to host the website on heroku.

To be implemented :-

• Add resizable of the ace editors (https://ourcodeworld.com/articles/read/994/how-to-make-an-ace-editor-instance-resizable-by-the-user-dinamically-with-a-drag-and-drop-bar), (http://jsfiddle.net/U5JtP/199/)
• Add different themes support for the three editors using drop down menu.
• Add clear button for each of three editors and also "clear all" button. (use destroy() function https://ace.c9.io/#nav=api&api=editor)
• Add mouseover text for minimize and maximize buttons.
• Add download feature to download all the three files in one zip file.
• Maybe try to add local environment where users can add pictures and refer to them in html files as if the images are in the same location as the source code.
• Add responsiveness to the website.
• Add option to get shareable links to the code

References :-

• https://tryenlight.github.io/code-editor.html

  Used for hosting on heroku :-

• https://blog.teamtreehouse.com/deploy-static-site-heroku

• https://medium.com/@winnieliang/how-to-run-a-simple-html-css-javascript-application-on-heroku-4e664c541b0b