diff --git a/build.sh b/build.sh
new file mode 100755
index 0000000..4152201
--- /dev/null
+++ b/build.sh
@@ -0,0 +1,3 @@
+#!/bin/sh
+
+uid=$(/usr/bin/id -u) gid=$(/usr/bin/id -g) docker compose up --build
diff --git a/images/DO_NOT_REMOVE.txt b/images/DO_NOT_REMOVE.txt
new file mode 100644
index 0000000..5d4761e
--- /dev/null
+++ b/images/DO_NOT_REMOVE.txt
@@ -0,0 +1 @@
+this is a data folder! the program is able to store specific data in here, and I'm not sure if git will push an empty folder.
diff --git a/tmpimages/DO_NOT_REMOVE.txt b/tmpimages/DO_NOT_REMOVE.txt
new file mode 100644
index 0000000..5d4761e
--- /dev/null
+++ b/tmpimages/DO_NOT_REMOVE.txt
@@ -0,0 +1 @@
+this is a data folder! the program is able to store specific data in here, and I'm not sure if git will push an empty folder.
diff --git a/web/uploadimage.html b/web/uploadimage.html
new file mode 100644
index 0000000..46637e4
--- /dev/null
+++ b/web/uploadimage.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>image test</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link href="css/style.css" rel="stylesheet">
+</head>
+
+<body>
+  <form id="image-form">
+    <input type="file" name="file" accept="image/png">
+    <input type="submit" name="submit" value="submit">
+  </form>
+</body>
+<script defer>
+  document.getElementById("image-form").addEventListener("submit", async (event) => {
+    event.preventDefault();
+    // this doesn't work
+    // const file = event.target.files[0];
+    // console.log(file)
+
+    var input = document.querySelector('input[type="file"]')
+    console.log(input.files[0])
+
+    const token = await fetch("http://127.0.0.1:8000/upload", {
+      method: "POST",
+      header: {
+        "Content-Type": "image/png", 
+        "Access-Control-Allow-Origin": "http://127.0.0.1:8000/upload"
+      },
+      body: input.files[0] 
+    })
+    alert(await token.text());
+  });
+
+</script>
+
+</html>
