diff --git a/public/.keep b/public/.keep
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..769a66f94259659ba31c6ecfde0377ddd0bc1aa2
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.w3.org.1999/xhtml">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="keywords" content=""/>
+    <meta name="description" content=""/>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title build="<%= htmlWebpackPlugin.options.build %>"><%= htmlWebpackPlugin.options.title %></title>
+    <script type="text/javascript" src="./jquery.min.js"></script>
+	<script type="text/javascript" src="./jquery.beattext.js"></script>
+	<script type="text/javascript" src="./easying.js"></script>
+</head>
+<body data-theme="blue">
+<noscript>
+    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+</noscript>
+<script>
+    // proxy routerBase
+    window.routerBase = "<routerBase>";
+    // api timeout
+    window.apiTimeout = "<apiTimeout>";
+    window.$ = $
+</script>
+<div id="app"></div>
+<!-- built files will be auto injected -->
+<div id="mpmsCommonJs"><!--Don't delete this line, place for public JS --></div>
+</body>
+</html>
