misc: simplify code contributions by automating the dev setup with Gi…

…tpod (yangshun#152)

* simplifies code contributions by automating the dev setup with gitpod.

* Update README.md

Co-authored-by: Yangshun Tay <[email protected]>

.gitpod.yml

@@ -0,0 +1,7 @@
+tasks:
+  - command: gp await-port 3000 && gp preview $(gp url 3000)/tech-interview-handbook/
+  - init: cd website/ && yarn install && yarn build
+    command: yarn start
+ports:
+  - port: 3000
+    onOpen: ignore

README.md

@@ -5,6 +5,10 @@
     <img src="website/static/img/logo.svg" alt="Tech Interview Handbook" width="400">
   </a>
   <br>
+  <a href="https://gitpod.io/#https://github.com/yangshun/tech-interview-handbook">
+    <img src="https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod" alt="Gitpod Ready to Code">
+  </a>
+  <br>
   <p>
     <em>Credits: <a href="https://dribbble.com/shots/3831443-Tech-Interview-Handbook">Illustration</a> by <a href="https://dribbble.com/yangheng">@yangheng</a></em>
   </p>
@@ -66,6 +70,12 @@ If you are interested in how data structures are implemented, check out [Lago](h
 
 There are no formal contributing guidelines at the moment as things are still in flux and we might find a better approach to structure content as we go along. You are welcome to contribute whatever you think will be helpful to fellow engineers. If you would like to contribute content for different domains, feel free to create an issue or submit a pull request and we can discuss further.
 
+### Contribute online with a single click
+
+You can use Gitpod (A free online VS Code like IDE) for contributing online. With a single click in it will launch a ready to code workspace with all the dependencies being pre-installed & the build & start scripts for the website in process so that you can start coding straight away.
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/yangshun/tech-interview-handbook)
+
 ### Contributors
 
 This project exists thanks to all the people who contributed. [[Contribute](CONTRIBUTING.md)]. <a href="https://github.com/yangshun/tech-interview-handbook/graphs/contributors"><img src="https://opencollective.com/tech-interview-handbook/contributors.svg?width=890&button=false"></a>