diff --git a/components/project.js b/components/project.js
new file mode 100644
index 0000000..4f76020
--- /dev/null
+++ b/components/project.js
@@ -0,0 +1,20 @@
+class Project extends HTMLElement {
+  constructor() {
+    const shadow = this.attachShadow({mode: 'open'})
+    const textArea = document.createElement('textarea')
+    textArea.defaultValue = localStorage.getItem(
+      window.location.hash
+    )
+    textArea.addEventListener('input', e => {
+      localStorage.setItem(
+        window.location.hash,
+        e.target.defaultValue
+      )
+    })
+    shadow.appendChild(textArea)
+  }
+
+  connectedCallback() {
+    // add css
+  }
+}
\ No newline at end of file