diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 0000000..5586c6b
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,13 @@
+# List the start up tasks. Learn more https://www.gitpod.io/docs/config-start-tasks/
+tasks:
+  - init: docker-compose up -d --build \
+    command: echo 'Composing the project Docker'
+  - init: cd portal \
+    command: echo 'Move to Portal directory'
+  - init: npm run dev
+    command: echo 'Starting the Server'
+
+# List the ports to expose. Learn more https://www.gitpod.io/docs/config-ports/
+ports:
+  - port: 3000
+    onOpen: open-preview
diff --git a/portal/README.md b/portal/README.md
index b12f3e3..0543804 100644
--- a/portal/README.md
+++ b/portal/README.md
@@ -1,3 +1,5 @@
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/Harshil-Jani/x-admin/edit/main/portal/README.md)
+
 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
 ## Getting Started