Try   HackMD

Online Code Editors for easy collaboration.

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More β†’

Oftentimes, we desire to easily collaborate with people online on some simple tasks and don't want to work directly from an offline code editor or go through setting up a new repo and all that comes with it.
I will be listing some cool online Code editors that allow for easy collaboration. You will also learn the languages and frameworks they support.

1. Glitch

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More β†’

Glitch is an online IDE for JavaScript and Node.js which includes instant hosting and automated deployment and live help from community members.

I made use of glitch while applying to a Nodejs role at Flutterwave, it was my first experience with the platform but.
Glitch allows you to easily create a Nodejs API from an online code editor and the API is live without the need for a separate deployment.

All supported languages and frameworks; HTML CSS Javascript, React, Node, Eleventy static generated site.
Glitch also allows you to directly import an ongoing work from Github, Gitlab and Bitbucket and also export your work back to it.

2. Codesandbox

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More β†’

Codesandbox is an online code editor and prototyping tool that makes creating and sharing web apps faster.

My first experience with codesandbox was at a React Meetup, the speaker used the platform to demo React-spring and gave us access to the demo so we could easily clone and make changes on the platform.
Codesandbox supports static HTML CSS and Javascript, React, Vue, Angular, Preact, Nextjs, Svelte e.t.c.

Codesandbox makes collaboration and prototyping very easy, you can easily invite your teammates and all work together on the project on the same sandbox. It also allows users to easily import and export code from and to Github.
Codesandbox is free for individual users.

3. Codepen

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More β†’

CodePen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.

I came across codepen in my early development days, it was introduced to me by a friend who had to help me with a task and decided to use the platform.

CodePen supports static HTML CSS and Javascript, React, Vue, TailwindCSS etc.
CodePen has a great community following with a lot of open source work for inspiration.

4. Deepnote

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More β†’

Deepnote is a new kind of data science notebook. Jupyter-compatible with real-time collaboration and running in the cloud.

It enables easy collaboration between teams using various data tools all online. It integrates with most data tools, infrastructure and processes.
Deepnote supports a lot of languages and frameworks like Python, R, Julia, TensorFlow, PyTorch e.t.c. It also includes a lot of integrations that simplify the process of connecting your data sources.

5. Google colab

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More β†’

Colaboratory, or β€œColab” for short, is a product from Google Research. Colab allows anybody to write and execute arbitrary python code through the browser and is especially well suited to machine learning, data analysis and education. More technically, Colab is a hosted Jupyter notebook service that requires no setup to use, while providing free access to computing resources including GPUs.

Colab allows you to use and share Jupyter notebooks with others without having to download, install, or run anything. It has a lot more processing power and computing resource than most personal computers and makes working with it faster and cheaper.

6. Replit

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More β†’

Replit is a simple yet powerful online IDE, Editor, Compiler, Interpreter, and REPL. Code, compile, run, and host in 50+ programming languages.

Replit is the most versatile of the online coding platforms. It supports over 50 programming languages. It has a large open source community with a lot of templates to work with.

When considering frameworks, comparing Django vs Laravel, Replit supports both, making it an excellent choice for versatile development. Replit supports Python, Django, Flask, Dart, PHP, etc.

7. Onecompiler

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More β†’

OneCompiler is a free online compiler. It helps users to write, run and share code online for more than 50 programming languages, including all popular languages like Java, Python, C, C++, NodeJS, Javascript, Groovy, Jshell & HTML.

I made use of OneCompiler for the first time recently when I needed to write a javascript algorithm on my mobile phone. I wanted an easy to use, mobile responsive online platform as I did not want to download an app. I was able to write the algorithm and test it directly without creating an account. And the code is saved automatically with a unique URL. Here is the link to what I was working on my phone, I never got around to improve it.

8. PHPsandbox

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More β†’

PHP Sandbox is an online code sandbox for PHP that makes prototyping and sharing of PHP projects swift and painless.

PHPsandbox is specifically for PHP projects including popular PHP frameworks like Laravel. It automatically provides a constant Preview URL for projects that requires a browser. These preview URLs can be shared among colleagues or can even used as an API that powers your frontend project.

9. Mode

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More β†’

Mode is a collaborative data platform that combines SQL, R, Python, and visual analytics in one place. Connect, analyze, and share, faster.

I got to use Mode while learning SQL, it has a very nice SQL editor with a ready database that makes learning SQL queries pretty easy. It allows sharing of result and report for other teammates to view.
Mode can also be used for data analysis using Python or R.

Conclusion.

In this article, I have listed a few online code editors that make online collaboration easier without having to do any setup locally. This isn't an exhaustive list of available tools, but ones I am familiar with.

If you have any questions, you can leave them in the comments section below.