“Someone should build X for the web” – why not you? All you need is a GitHub account

Final week, Šime Vidas complained on Twitter that it’s hard to paste a block of text on a cell gadget. I proposed to make use of pastebin.com however that wants a whole lot of faucets earlier than you paste. Šime then proceeded to joke that we must always create pastebinzero.com and all it wants is a full-screen.

<textarea autofocus></textarea>
Enter fullscreen mode

Exit fullscreen mode

So I spent actually a minute to construct this. In my browser, with nothing however a GitHub login. From setup, to coding with autocomplete help to internet hosting. You possibly can see it in all its glory at https://codepo8.github.io/pastebinzero and take a look at the code at https://github.com/codepo8/pastebinzero.

And you are able to do that, too. Right here is how.

When you really feel like seeing this as a video, try the next ~2 minutes walkthrough.

In any other case, listed below are the steps to start out, construct and host any HTML/CSS/JavaScript primarily based mission on GitHub.

For the video demo, the code is accessible at https://github.com/codepo8/greencircle and the in-browser model might be seen at https://codepo8.github.io/greencircle the place codepo8 is my GitHub consumer title and greencircle the title of the repository

Why not codepen, jsbin, codesandbox, jsfiddle… ?

There are dozens of locations you may host and edit tasks on-line and all of them have their advantages and issues. I actually get pleasure from this manner because it offers me the complete performance of Visible Studio Code and my mission is in model management. I personal all of the code and may obtain it any time I need to. I can even permit different individuals to fork and alter it.

Many of those options are additionally out there within the different platforms and I actually like you can instantly see the outcomes of your tasks as you code them. However this looks like an awesome end-to-end resolution requiring just one login I would like for many of my work anyhow. Incidently, in order for you the instant show of your mission inside VS Code within the browser, you may as well set up the Codeswing extension.

Add a Comment

Your email address will not be published. Required fields are marked *