From a5729b60c03625e6e7daa2b653c8d95bb21b3dc3 Mon Sep 17 00:00:00 2001
From: Rizel Scarlett <rizel.bobbsemple137@gmail.com>
Date: Mon, 25 Sep 2023 15:36:59 -0400
Subject: [PATCH] Aadding codesandbox for Hacktoberfest

* adding codesandbox for Hacktoberfest
---
 .codesandbox/tasks.json | 25 +++++++++++++++++++++++++
 README.md               |  6 ++++++
 2 files changed, 31 insertions(+)
 create mode 100644 .codesandbox/tasks.json

diff --git a/.codesandbox/tasks.json b/.codesandbox/tasks.json
new file mode 100644
index 000000000..c3d0ddb45
--- /dev/null
+++ b/.codesandbox/tasks.json
@@ -0,0 +1,25 @@
+{
+  "$schema": "https://codesandbox.io/schemas/tasks.json",
+  "setupTasks": [
+    {
+      "name": "Installing Dependencies",
+      "command": "npm install"
+    }
+  ],
+  "tasks": {
+    "dev": {
+      "name": "Build Web5 SDK",
+      "command": "npm run build",
+      "runAtStart": true,
+      "restartOn": {
+        "files": [
+          "package-lock.json"
+        ]
+      }
+    },
+    "tests": {
+      "name": "Run tests",
+      "command": "npm run test:node --ws"
+    }
+  }
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index b309193f1..7d2d55f75 100644
--- a/README.md
+++ b/README.md
@@ -87,6 +87,12 @@ The SDK sets out to gather the most oft used functionality from all three of the
 pillar technologies to provide a simple library that is as close to effortless as
 possible.
 
+## Running online environment
+
+Interested in contributing instantly? You can make your updates directly without cloning in the running CodeSandbox environment.
+
+[![Edit in CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/github/TBD54566975/web5-js/main)
+
 ## Installation
 
 _NPM_