diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..e4ccc51
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,9 @@
+FROM nginx:latest
+
+ADD ./ /frontend
+
+RUN mv ./frontend/Private/nginx.conf /etc/nginx/nginx.conf
+
+RUN mv ./frontend/Public/* /usr/share/nginx/html/
+
+CMD ["nginx"]
diff --git a/Private/nginx.conf b/Private/nginx.conf
new file mode 100644
index 0000000..3eb0f2f
--- /dev/null
+++ b/Private/nginx.conf
@@ -0,0 +1,19 @@
+worker_processes auto;
+daemon off;
+error_log nginx_error.log;
+events {
+ worker_connections 1024;
+}
+
+http {
+ include /etc/nginx/mime.types;
+ server {
+
+ location /wave {
+ proxy_pass http://10.0.0.205:5000;
+ }
+ location / {
+ root /usr/share/nginx/html;
+ }
+ }
+}
diff --git a/Public/index.html b/Public/index.html
new file mode 100644
index 0000000..477a98a
--- /dev/null
+++ b/Public/index.html
@@ -0,0 +1,22 @@
+
+
+
+ Flag Waver
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Public/script.js b/Public/script.js
new file mode 100644
index 0000000..9d11d18
--- /dev/null
+++ b/Public/script.js
@@ -0,0 +1,18 @@
+function runVid(){
+ if (flvjs.isSupported()) {
+ var videoElement = document.getElementById('videoElement');
+ var flvPlayer = flvjs.createPlayer({
+ type: 'flv',
+ url: 'https://stream.nannal.com/live/flag.flv'
+ });
+ flvPlayer.attachMediaElement(videoElement);
+ flvPlayer.load();
+ flvPlayer.play();
+ var vid = document.getElementById("videoElement")
+ vid.style.display = "block";
+ }
+}
+
+function wave(){
+ let promise = fetch('/wave')
+}
diff --git a/Public/style.css b/Public/style.css
new file mode 100644
index 0000000..9a5848e
--- /dev/null
+++ b/Public/style.css
@@ -0,0 +1,51 @@
+body {
+ text-align: center;
+}
+
+.button-wrapper{
+ text-align: center;
+ margin: 10px;
+}
+
+#wave {
+ background-color: #f44336;
+ border: none;
+ color: white;
+ padding: 15px 32px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ cursor: pointer;
+ border: none;
+ border-radius: 15px;
+ box-shadow: 0 9px #999;
+}
+
+#wave:active {
+ background-color: red;
+ box-shadow: 0 5px #666;
+ transform: translateY(4px);
+}
+
+.video-wrapper{
+ margin: auto;
+ padding: 20px;
+ width: 50%;
+}
+
+#videoElement {
+ width:80%;
+ display: block;
+}
+
+#start-cam {
+ background-color: grey;
+ border: none;
+ color: white;
+ padding: 15px 32px;
+ text-align: center;
+ text-decoration: none;
+ display: inline;
+ cursor: pointer;
+}