An online code editor with a focus on React.
This project was bootstrapped with Create React App.
The JavaScript community has sharing as its selling point. It has the biggest open source community and every day new ideas and proposals are shared on Twitter. This is great and a really strong point, but the side effect of this is that there are a lot of tools and configurations to consider before you can start building.
CodeSandbox aims to solve this by allowing developers to simply go to a URL in their browser to start building. This not only makes it easier to get started, it also makes it easier to share. You can just share your created work by sharing the URL, others can then (without downloading) further develop on these sandboxes.
The CodeSandbox client is currently divided in to 5 parts.
app
: The editor and profile pagesandbox
: The preview pane of the editorembed
: The embedded version of CodeSandbox (which you can embed on medium)common
: The common parts betweensandbox
,embed
andapp
homepage
: Homepage!
This version of CodeSandbox is using the production server as source of truth, this is specified by the environment variable LOCAL_SERVER
. It's not yet possible to sign in using this version, I haven't figured out how to handle this yet.
To install the project you need to have yarn
and node
, to start:
yarn
yarn start
CodeSandbox consists several separate servers, some of these are open sourced.
- Client: the web application
- Server: the Phoenix API server
- Nginx: Nginx config files
- Git Extractor: responsible for extracting the source from a GitHub repository
- CLI: the CLI to upload a CodeSandbox project from your command line
Thanks goes to these wonderful people (emoji key):
Ives van Hoorne π¬ π π π» π¨ π π‘ π π |
Donavon West π» |
Jeff Allen π» |
Ben Gummer π» |
James Gillmore π» π |
---|
This project follows the all-contributors specification. Contributions of any kind welcome!