DEV Community

Cover image for Run any React/ Angular/ Vuejs project directly from Github/GitLab without downloading it.
Felix DUSENGIMANA
Felix DUSENGIMANA

Posted on

Run any React/ Angular/ Vuejs project directly from Github/GitLab without downloading it.

Want to run any Javascript or Framework project directly from the GitHub repository without downloading it on your machine?
Is it possible🤔? The answer is big “YES”

I just came across a service provided by Gitpod.io which is an online IDE for running GitHub projects in the cloud.

To run any project from GitHub in browser follow these steps:

  1. Copy the URL of the GitHub project you want to run

  2. Append it to http://gitpod.io/#

  3. Log in to your GitHub account by clicking on “Login with GitHub & launch workspace” button

  4. You’re done. It will load your environment of VS Code in the cloud

Let’s take the SnapShot project mentioned as the third project from https://reactjs.org/community/examples.html

To run the project in browser, take the repository URL which is https://github.com/Yog9/SnapShot and append it to http://gitpod.io/#

So, the complete URL becomes
http://gitpod.io/#https://github.com/Yog9/SnapShot

If you load the above URL, it will load the Visual Studio Code IDE in the cloud and you can run the project there, by running “npm install” and then “npm start” in the VS Code terminal as instructed in the README.md file for that project.

Screenshot after opening the above url
Gitpod with snapshot project opened

Using this technique, you can run the project, test it, and can also modify it as it's in the cloud.

The GitPod allows to run code of almost all the languages that > are supported by Visual Studio Code including Javascript,
Python, Java and Go and many more

Following is the list of supported languages from Gitpod website.
Gitpod supported languages

Read more click here

Gitpod provides a free plan of about 50 hours/month
View more about pricing plans

I think that is more than enough for what you need.

That’s it for today. Hope you enjoyed the article and learned something new today.

Follow me on Twitter click here if you like my content.

Top comments (2)

Collapse
 
meirlamdan profile image
meirlamdan
Collapse
 
felixdusengimana profile image
Felix DUSENGIMANA

Thanks for sharing, this is also the best extension for #developers.