diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b5ce1bd
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/frontend/node_modules
\ No newline at end of file
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..c6ec965
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,32 @@
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>gobin</title>
+        <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
+    </head>
+    <body>
+        <div class="container mt-5">
+            <h1 class="text-center">gobin</h1>
+            <p class="text-center">A minimal and speedy markdown pastebin software, written in Go.</p>
+            <p class="text-center glowy"><a href="about.html">about</a></p>
+
+            <div id="posts" class="my-5"></div>
+
+            <h2>add a new post</h2>
+            <form id="postform">
+                <div class="mb-3">
+                    <label for="title" class="form-label">post title</label>
+                    <input type="text" class="form-control" id="title" placeholder="sunshine, lollypops, and rainbows everything" required>
+                </div>
+                <div class="mb-3">
+                    <label for="content" class="form-label">post content</label>
+                    <textarea class="form-control" id="content" rows="5" placeholder="my cat fluffy just had his best day ever. we took him to get a pup cup.." required></textarea>
+                </div>
+                <button type="submit" class="btn btn-primary">submit post</button>
+            </form>
+        </div>
+        <script src="node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
+        <script src="js/main.js"></script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/frontend/js/main.js b/frontend/js/main.js
new file mode 100644
index 0000000..8cbae62
--- /dev/null
+++ b/frontend/js/main.js
@@ -0,0 +1,5 @@
+function fetchPosts() {
+    fetch('/posts', {
+        headers: { 'Content-Type': 'application/json' }
+    })
+}
\ No newline at end of file
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 0000000..e535589
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,44 @@
+{
+  "name": "frontend",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "frontend",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "bootstrap": "^5.3.3"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "peer": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/bootstrap": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz",
+      "integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "peerDependencies": {
+        "@popperjs/core": "^2.11.8"
+      }
+    }
+  }
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000..c8888f7
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "frontend",
+  "version": "1.0.0",
+  "description": "Frontend for goblog",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "bootstrap": "^5.3.3"
+  }
+}
