codesandbox-client

<p align="center"> <a href="https://codesandbox.io"> <img src="https://codesandbox.io/static/img/banner.png?v=2" height="300px"> </a> </p>

 

An instantly ready, full-featured online IDE for web development on any device with a browser. Enabling you to start new projects quickly and prototype rapidly. With CodeSandbox, you can create web apps, experiment with code, test ideas, and share creations easily.

Other CodeSandbox repositories

CodeSandbox consists of several separate servers, some of which 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

Documentation

You can find our documentation on our website

Contributors ✨

Thanks goes to these wonderful people (emoji key):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <!-- prettier-ignore-start --> <!-- markdownlint-disable --> <table> <tbody> <tr> <td align="center" valign="top" width="14.28%"><a href="http://ivesvh.com"><img src="https://avatars0.githubusercontent.com/u/587016?v=3?s=100" width="100px;" alt="Ives van Hoorne"/><br />_{<b>Ives van Hoorne</b>}</a><br /><a href="#question-CompuIves" title="Answering Questions">💬</a> <a href="#blog-CompuIves" title="Blogposts">📝</a> <a href="https://github.com/codesandbox/codesandbox-client/issues?q=author%3ACompuIves" title="Bug reports">🐛</a> <a href="https://github.com/codesandbox/codesandbox-client/commits?author=CompuIves" title="Code">💻</a> <a href="#design-CompuIves" title="Design">🎨</a> <a href="https://github.com/codesandbox/codesandbox-client/commits?author=CompuIves" title="Documentation">📖</a> <a href="#example-CompuIves" title="Examples">💡</a> <a href="#infra-CompuIves" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/codesandbox/codesandbox-client/pulls?q=is%3Apr+reviewed-by%3ACompuIves" title="Reviewed Pull Requests">👀</a> <a href="https://github.com/codesandbox/codesandbox-client/commits?author=CompuIves" title="Tests">⚠️</a> <a href="#tool-CompuIves" title="Tools">🔧</a></td> <td align="center" valign="top" width="14.28%"><a href="http://donavon.com"><img src="https://avatars0.githubusercontent.com/u/887639?v=3?s=100" width="100px;" alt="Donavon West"/><br />_{<b>Donavon West</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=donavon" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.jeffallen.io/"><img src="https://avatars0.githubusercontent.com/u/5266810?v=3?s=100" width="100px;" alt="Jeff Allen"/><br />_{<b>Jeff Allen</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=vueu" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/bengummer"><img src="https://avatars0.githubusercontent.com/u/1089897?v=3?s=100" width="100px;" alt="Ben Gummer"/><br />_{<b>Ben Gummer</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=bengummer" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://twitter.com/faceyspacey"><img src="https://avatars3.githubusercontent.com/u/154732?v=3?s=100" width="100px;" alt="James Gillmore"/><br />_{<b>James Gillmore</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=faceyspacey" title="Code">💻</a> <a href="https://github.com/codesandbox/codesandbox-client/issues?q=author%3Afaceyspacey" title="Bug reports">🐛</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/viankakrisna"><img src="https://avatars1.githubusercontent.com/u/9636410?v=4?s=100" width="100px;" alt="Ade Viankakrisna Fadlil"/><br />_{<b>Ade Viankakrisna Fadlil</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=viankakrisna" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://twitter.com/tushkiz"><img src="https://avatars1.githubusercontent.com/u/1854763?v=4?s=100" width="100px;" alt="Tushar Sonawane"/><br />_{<b>Tushar Sonawane</b>}</a><br /><a href="#question-Tushkiz" title="Answering Questions">💬</a> <a href="https://github.com/codesandbox/codesandbox-client/commits?author=Tushkiz" title="Code">💻</a> <a href="https://github.com/codesandbox/codesandbox-client/commits?author=Tushkiz" title="Documentation">📖</a> <a href="#ideas-Tushkiz" title="Ideas, Planning, & Feedback">🤔</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/johann-sonntagbauer"><img src="https://avatars3.githubusercontent.com/u/1239401?v=4?s=100" width="100px;" alt="Johann Hubert Sonntagbauer"/><br />_{<b>Johann Hubert Sonntagbauer</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/issues?q=author%3Ajohann-sonntagbauer" title="Bug reports">🐛</a> <a href="https://github.com/codesandbox/codesandbox-client/commits?author=johann-sonntagbauer" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/jseminck"><img src="https://avatars2.githubusercontent.com/u/9586897?v=4?s=100" width="100px;" alt="Joachim Seminck"/><br />_{<b>Joachim Seminck</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=jseminck" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://chakrihacker.github.io"><img src="https://avatars3.githubusercontent.com/u/5210019?v=4?s=100" width="100px;" alt="Subramanya Chakravarthy"/><br />_{<b>Subramanya Chakravarthy</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=chakrihacker" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://robby.oconnor.ninja"><img src="https://avatars3.githubusercontent.com/u/23088?v=4?s=100" width="100px;" alt="Robert (Robby) O'Connor"/><br />_{<b>Robert (Robby) O'Connor</b>}</a><br /><a href="#infra-robbyoconnor" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/lbogdan"><img src="https://avatars0.githubusercontent.com/u/2083930?v=4?s=100" width="100px;" alt="Bogdan Luca"/><br />_{<b>Bogdan Luca</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/issues?q=author%3Albogdan" title="Bug reports">🐛</a> <a href="https://github.com/codesandbox/codesandbox-client/commits?author=lbogdan" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://bogas04.github.io"><img src="https://avatars3.githubusercontent.com/u/6177621?v=4?s=100" width="100px;" alt="Divjot Singh"/><br />_{<b>Divjot Singh</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=bogas04" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.jsonnull.com"><img src="https://avatars3.githubusercontent.com/u/5249539?v=4?s=100" width="100px;" alt="Jason Nall"/><br />_{<b>Jason Nall</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=jsonnull" title="Code">💻</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://elrumordelaluz.com"><img src="https://avatars3.githubusercontent.com/u/784056?v=4?s=100" width="100px;" alt="Lionel"/><br />_{<b>Lionel</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=elrumordelaluz" title="Code">💻</a> <a href="#design-elrumordelaluz" title="Design">🎨</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/brumm"><img src="https://avatars3.githubusercontent.com/u/170500?v=4?s=100" width="100px;" alt="Philipp Brumm"/><br />_{<b>Philipp Brumm</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=brumm" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://valentin-hervieu.fr"><img src="https://avatars2.githubusercontent.com/u/2678610?v=4?s=100" width="100px;" alt="Valentin Hervieu"/><br />_{<b>Valentin Hervieu</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=ValentinH" title="Code">💻</a> <a href="https://github.com/codesandbox/codesandbox-client/issues?q=author%3AValentinH" title="Bug reports">🐛</a></td> <td align="center" valign="top" width="14.28%"><a href="http://anenth.js.org"><img src="https://avatars0.githubusercontent.com/u/1499218?v=4?s=100" width="100px;" alt="Anenth"/><br />_{<b>Anenth</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=Anenth" title="Code">💻</a> <a href="#design-Anenth" title="Design">🎨</a> <a href="#ideas-Anenth" title="Ideas, Planning, & Feedback">🤔</a></td> <td align="center" valign="top" width="14.28%"><a href="http://dsds.io"><img src="https://avatars0.githubusercontent.com/u/410792?v=4?s=100" width="100px;" alt="Dony Sukardi"/><br />_{<b>Dony Sukardi</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/issues?q=author%3Adonysukardi" title="Bug reports">🐛</a> <a href="https://github.com/codesandbox/codesandbox-client/commits?author=donysukardi" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/duivvv"><img src="https://avatars3.githubusercontent.com/u/89046?v=4?s=100" width="100px;" alt="Geoffrey Dhuyvetters"/><br />_{<b>Geoffrey Dhuyvetters</b>}</a><br /><a href="#design-duivvv" title="Design">🎨</a> <a href="https://github.com/codesandbox/codesandbox-client/commits?author=duivvv" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://nyaganti.com"><img src="https://avatars3.githubusercontent.com/u/3381746?v=4?s=100" width="100px;" alt="Eswar Yaganti"/><br />_{<b>Eswar Yaganti</b>}</a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=nagamalli9999" title="Code">💻</a> <a href="#infra-nagamalli9999" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/tansongyang"><img src="https://avatars3.githubusercontent.com/u/9488719?v=4?s=100" width="100px;" alt="Frank Tan"/><br />_{<b>Frank Tan</b>}</a><br /><a