diff --git a/.all-contributorsrc b/.all-contributorsrc
index 0eb62923b..28ea10004 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -1,4 +1,21 @@
 {
   "projectName": "chrome-extension-boilerplate-react-vite",
-  "projectOwner": "Jonghakseo"
+  "projectOwner": "Jonghakseo",
+  "files": [
+    "README.md"
+  ],
+  "commitType": "docs",
+  "commitConvention": "angular",
+  "contributorsPerLine": 7,
+  "contributors": [
+    {
+      "login": "djmisterjon",
+      "name": "jon lepage",
+      "avatar_url": "https://avatars.githubusercontent.com/u/24865815?v=4",
+      "profile": "https://www.youtube.com/user/Learnbynet",
+      "contributions": [
+        "bug"
+      ]
+    }
+  ]
 }
diff --git a/README.md b/README.md
index 99deddb69..0dd9b6573 100755
--- a/README.md
+++ b/README.md
@@ -110,6 +110,13 @@ This boilerplate is made for creating chrome extensions using React and Typescri
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
 <!-- prettier-ignore-start -->
 <!-- markdownlint-disable -->
+<table>
+  <tbody>
+    <tr>
+      <td align="center" valign="top" width="14.28%"><a href="https://www.youtube.com/user/Learnbynet"><img src="https://avatars.githubusercontent.com/u/24865815?v=4?s=100" width="100px;" alt="jon lepage"/><br /><sub><b>jon lepage</b></sub></a><br /><a href="#bug-djmisterjon" title="Bug reports">🐛</a></td>
+    </tr>
+  </tbody>
+</table>
 
 <!-- markdownlint-restore -->
 <!-- prettier-ignore-end -->