[Coditor] Added the render

in utopian-io •  7 years ago 

Coditor is interactive playground for the frontend development. The project will be similar to codepen/jsfiddle/jsbin but the main difference is interactivity. Coditor will allow changing your JS code, HTML, and CSS right in your rendered results, also it will allow creating the most popular elements with one click.

Why? Because there are many online playgrounds for frontend but now all of them are very primitive, some of them are even working only as a text editor. However, their potential is huge.

So I decided to start working on own project in this area. Right now it is only a carcass for the future project. But the main idea is creating a really interactive playground which will simplify frontend development.

It was developed with Vue and CodeMirror.

image.png

In this update, I added render of your code, meaning now you can change the code in the editor and immediately view the results on the same page. Also, I deployed the project to Github Pages, so now you can test the project online — https://sihaelov.github.io/coditor

Main commit with render

Commits for github pages: #1, #2, #3.

image



Posted on Utopian.io - Rewarding Open Source Contributors

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Thank you for the contribution. It has been approved.

I'd be interested to see how far you take this project in the future! Keep us posted.

You can contact us on Discord.
[utopian-moderator]

Nice contribution, what is the next step you thought of adding?

Thanks, I guess autocomplete and a color indicator near color codes.

Hey @emptyname I am @utopian-io. I have just upvoted you!

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x