open-source-ideas / ideas

💡 Looking for inspiration for your next open source project? Or perhaps you've got a brilliant idea you can't wait to share with others? Open Source Ideas is a community built specifically for this! 👋
6.57k stars 220 forks source link

Offline JSFiddle clone #18

Open Thrilleratplay opened 8 years ago

Thrilleratplay commented 8 years ago

Project description

Use Electron, React Native, or similar platform to build a JSFiddle/Codepen clone that is a stand-alone application and can be used without Internet access.

The idea is to provide a standardized web development environment without having to worry about cross browser "fun" or interference from browser plugins. This would be useful those who do not have reliable Internet access or beginner web developers at home or in a classroom setting (especially if tutorials were incorporated).

It should be able to store "fiddles/pens" in a built in storage, exports to HTML/JS/CSS files, Github Gist, JSFiddle.net and Codpen.io

Who is this for

Intermediate experience.

Haroenv commented 8 years ago

jsbin is open source, which could be a starting point.

Thrilleratplay commented 8 years ago

@Haroenv Thanks for reminding me.

Parts of Plnkr.co are also open source. Another good starting point is Editr.js.

Anyone not familiar with Ace or CodeMirror should probably start there.

priithaamer commented 8 years ago

I was working on this over a year ago but had to pause it. It is written in Swift but Electron seems to be more reasonable choice now.

I would love to pick this project up again.

Oh, the repository is here https://github.com/priithaamer/Fiddlings Just moved swift code to another branch and created new Electron app.

priithaamer commented 8 years ago

Hey! First rough implementation can now be downloaded at priithaamer/Fiddlings/releases I have lot of ideas already but any suggestions are welcome. The backlog is kept in the project page of repository.

Thrilleratplay commented 8 years ago

@priithaamer It is looking great. I added a few "nice to have" features.

priithaamer commented 8 years ago

Thanks! They are actually more than nice to have features. They are required for this app to be useful.

Haroenv commented 7 years ago

Relevant: https://kushagragour.in/lab/web-maker/

egoist commented 7 years ago

Just FYI, I built an offline version of jsbin: https://codepan.net 😄

Though it can only export to Github Gist.

georoot commented 7 years ago

@egoist just had a look at the code.. i remember working on something similar a while back .. maybe listen to code changes and rather than binding them to additional buttons have live reload using frames :) .. that's something that might make developing code more faster and fun..

styfle commented 6 years ago

I have a whole list of Online IDEs, some of which support offline mode. Check it out here: https://github.com/styfle/awesome-online-ide

Bigalan09 commented 6 years ago

Thought I'd give this a quick go. Feel free to chop and change with pull requests. https://github.com/Bigalan09/JSester

Kreijstal commented 5 years ago

I have a whole list of Online IDEs, some of which support offline mode. Check it out here: https://github.com/styfle/awesome-online-ide

Indeed, I came here to say about https://github.com/c9/core and how wonderful it is but it is on that list already

styfle commented 5 years ago

@Kreijstal Cloud9 is on the list. The core sdk is not because the list is not for SDKs, it's for IDEs.