From d8fd58416bc13fbf02f7ae3cae4637f9db8587b3 Mon Sep 17 00:00:00 2001
From: Nisar Hassan Naqvi <syednisarhassan12@gmail.com>
Date: Sun, 15 Mar 2020 10:23:55 +0500
Subject: [PATCH] misc: simplify code contributions by automating the dev setup
 with Gitpod (#152)

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

* Update README.md

Co-authored-by: Yangshun Tay <tay.yang.shun@gmail.com>
---
 .gitpod.yml |  7 +++++++
 README.md   | 10 ++++++++++
 2 files changed, 17 insertions(+)
 create mode 100644 .gitpod.yml

diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 00000000..37ef263e
--- /dev/null
+++ b/.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
diff --git a/README.md b/README.md
index b8e96030..223d1957 100644
--- a/README.md
+++ b/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>