New online IDE + JS framework - demo! - FE developers, I need your feedback

Here is a TodoMVC demo of an online IDE I've been recently working on: Demo

This article begins series of tutorials meant to explain rationales behind the design decisions we've made and eventually form a proper documentation. For now, just play, check out live preview, don't be scared to break it 😉

I appreciate any feedback and suggestions.

Bear in mind it's a prototype which still requires a lot of work. There are features that don't work or are missing. Also, I'm aware of performance improvements which need to take place. These all costs our time and effort, hence we're running a Kickstarter campaign. Much ❤️ for your backing.

More links:

• Our website
• The framework repo
• Our Kickstarter campaign

Comments

[Sandeep Balachandran]

Great work. I got a sublime first look. Intentional?

[chris-czopp]

thanks, we wanted to keep it not too far away from what ppl already know 😃

[Sandeep Balachandran]

If that the case i would prefer VSC layout. For example as stackblitz . Just a thought

[chris-czopp]

We might go this direction, it's still unfinished and the feedback like yours is very valuable for us. The thing is that here there is no such concepts as files, so e.g. there is no need for the file explorer. Instead you type HTML with directives and things appear in the top drop-downs so you know what needs to be implemented. Similarly you can reference action in your event handlers which don't exist yet and they will be pregenerated for you. So... we can afford very simplistic UI. Anyway, definitely we will be improving on the UI.

[Arpit]

great

[Felippe Regazio]

great work chris!

[Hina-softwareEngineer]

Great! Wow, I love its look. ❤️

[Rohith Gilla]

Awesome, great work.
The live preview link isn't working. Can you check that once?

[chris-czopp]

thanks 😃, it might be because the initial data seeding happens when navigating to the IDE. Obviously it's for the purpose of the demo. So, just navigate to the IDE and then either open the link or click on the pinkish eye icon in the IDE 😉

[Rohith Gilla]

Yeah that worked.
But amazing work 🙌
Will keep checking for open issues in the repo, I’ll try my best to fix a few.

[chris-czopp]

actually you were right... the link was missing query params, just edited the article. Thanks!

[Sean]

Great work. Really like it. Keep it up.

[chris-czopp]

thanks man! 😊