Merge pull request #137 from hammer-io/nathandegraaf-beautify

added index.html page to expressjs
hammer-io · Nov 27, 2017 · 043e80e · 043e80e
2 parents 16f69b6 + b4bdb0f
commit 043e80e
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 1 deletion.
diff --git a/src/constants/constants.js b/src/constants/constants.js
@@ -33,6 +33,9 @@ export default {
     index: {
       fileName: 'index.js'
     },
+    indexHTML: {
+      fileName: 'index.html'
+    },
     routes: {
       fileName: 'routes.js'
     }

diff --git a/src/utils/express.js b/src/utils/express.js
@@ -23,4 +23,8 @@ export function createJsFiles(folderName) { // eslint-disable-line import/prefer
     `${folderName}/src/${constants.express.routes.fileName}`,
     loadTemplate('./../../templates/js/express/routes.js')
   );
+  writeFile(
+    `${folderName}/src/${constants.express.indexHTML.fileName}`,
+    loadTemplate('./../../templates/js/express/index.html')
+  );
 }
diff --git a/templates/js/express/index.html b/templates/js/express/index.html
@@ -0,0 +1,39 @@
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#000000">
+    <link rel="manifest" href="/manifest.json">
+    <title>Your Hammer app</title>
+  <style type="text/css">body {
+  margin: 0;
+  padding: 0;
+  font-family: sans-serif;
+}
+</style><style type="text/css">.App {
+  text-align: center;
+}
+
+.App-logo {
+  height: 120px;
+}
+
+.App-header {
+  background-color: #222;
+  height: 200px;
+  padding: 20px;
+  color: white;
+}
+
+.App-title {
+  font-size: 1.5em;
+}
+
+.App-intro {
+  font-size: large;
+}
+
+</style></head>
+  <body>
+    <div id="root"><div class="App"><header class="App-header"><img src="https://hammer-io.github.io/i/Viking_Hammer_Logo_1.png" class="App-logo" alt="logo"><h1 class="App-title">Hello World!</h1></header><p class="App-intro">Welcome to your new app created through <a href="https://github.com/hammer-io">hammer-io<a>.</p></div></div>
+
+</body>
diff --git a/templates/js/express/routes.js b/templates/js/express/routes.js
@@ -8,5 +8,5 @@ module.exports = router;
 
 // Example endpoint
 router.get('/', function (req, res) {
-  res.send('Hello World');
+  res.sendFile(__dirname + '/index.html');
 });