diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 0000000..3427f43
--- /dev/null
+++ b/frontend/.gitignore
@@ -0,0 +1,4 @@
+
+bundle.js
+bundle.map.js
+
diff --git a/frontend/build.sh b/frontend/build.sh
new file mode 100644
index 0000000..34393ca
--- /dev/null
+++ b/frontend/build.sh
@@ -0,0 +1,5 @@
+
+set -xe
+
+esbuild src/main.ts --outfile=bundle.js --minify --sourcemap --bundle
+
diff --git a/frontend/build_watch.sh b/frontend/build_watch.sh
new file mode 100644
index 0000000..817b0ce
--- /dev/null
+++ b/frontend/build_watch.sh
@@ -0,0 +1,5 @@
+
+set -xe
+
+esbuild src/main.ts --outfile=bundle.js --minify --sourcemap --bundle --watch
+
diff --git a/frontend/bundle.js.map b/frontend/bundle.js.map
new file mode 100644
index 0000000..dab7829
--- /dev/null
+++ b/frontend/bundle.js.map
@@ -0,0 +1,7 @@
+{
+ "version": 3,
+ "sources": ["src/main.ts"],
+ "sourcesContent": ["\nfunction main() {\n console.log(\"hello world\");\n}\n\nmain();\n\n"],
+ "mappings": "MACA,SAASA,GAAO,CACZ,QAAQ,IAAI,aAAa,CAC7B,CAEAA,EAAK",
+ "names": ["main"]
+}
diff --git a/frontend/check.sh b/frontend/check.sh
new file mode 100644
index 0000000..15d6550
--- /dev/null
+++ b/frontend/check.sh
@@ -0,0 +1,5 @@
+
+set -xe
+
+tsc src/main.ts --noEmit
+
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..3744dde
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+ Postnummer App
+
+
+
+
Postnummer App
+
+
+ 
+
+
+
+
diff --git a/frontend/map.jpg b/frontend/map.jpg
new file mode 100644
index 0000000..14c1f33
Binary files /dev/null and b/frontend/map.jpg differ
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
new file mode 100644
index 0000000..20f7a33
--- /dev/null
+++ b/frontend/src/main.ts
@@ -0,0 +1,7 @@
+
+function main() {
+ console.log("hello world");
+}
+
+main();
+
diff --git a/frontend/style.css b/frontend/style.css
new file mode 100644
index 0000000..6c709d3
--- /dev/null
+++ b/frontend/style.css
@@ -0,0 +1,18 @@
+
+* {
+ box-sizing: border-box;
+}
+
+body {
+ margin: 0;
+ height: 100vh;
+}
+
+main {
+ text-align: center;
+}
+
+#map {
+ max-width: 100%;
+}
+