reorganize template folder

jeffchiudev · Nov 10, 2020 · eae8d0a · eae8d0a
1 parent 6bd1cf0
commit eae8d0a
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 46 deletions.
diff --git a/index.html b/index.html
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "NAME", //rename please!!
+  "name": "TODO", 
   "version": "1.0.0",
   "description": "_{This is a detailed description of your application. Its purpose and usage.  Give as much detail as needed to explain what the application does, and any other information you want users or other developers to have. }_",
   "main": "main.js",

diff --git a/src/css/styles.css b/src/css/styles.css
@@ -1,3 +1,3 @@
 body {
-  background-color: lightblue;
+  background-color: TODO;
 }
diff --git a/src/index.html b/src/index.html
@@ -1,20 +1,15 @@
 <!DOCTYPE html>
 <html lang="en-US">
 <head>
-  <title>Shape Tracker</title>
+  <title>TODO</title>
 </head>
 <body>
-  <h3>Enter three lengths to determine if they can make a triangle.</h3>
-  <form id="triangle-checker-form">
-    <label for="length1">Enter a number:</label>
-    <input id="length1" type="number">
-    <label for="length2">Enter a number:</label>
-    <input id="length2" type="number">
-    <label for="length3">Enter a number:</label>
-    <input id="length3" type="number">
+  <form id="TODO">
+    <label for="TODO">TODO:</label>
+    <input id="TODO" type="TODO">
     <button type="submit">Submit</button>
   </form>
   <ul id="response"></ul>
-    <li>test one two three</li>
+    <li></li>
 </body>
 </html>
diff --git a/src/js/main.js b/src/js/main.js
@@ -0,0 +1,11 @@
+import $ from 'jquery';
+import 'bootstrap';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import './css/styles.css';
+
+$(document).ready(function() {
+  $('#TODO-form').submit(function(event) {
+    event.preventDefault();
+
+  });
+});
diff --git a/src/main.js b/src/main.js
diff --git a/webpack.config.js b/webpack.config.js
@@ -3,7 +3,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin'); 
 
 module.exports = {
-  entry: './src/main.js',
+  entry: './src/js/main.js',
   output: {
     filename: 'bundle.js',
     path: path.resolve(__dirname, 'dist')
@@ -15,7 +15,7 @@ module.exports = {
   plugins: [
     new CleanWebpackPlugin(),
     new HtmlWebpackPlugin({
-      title: 'NAME HERE',
+      title: 'TODO',
       template: './src/index.html',
       inject: 'body'
     })