Setup react for frontend development

- setup react - setup webpack - install webpack and its dependencies
Billmike · Apr 23, 2018 · a1b218b · a1b218b
1 parent d636d5e
commit a1b218b
Show file tree

Hide file tree

Showing 96 changed files with 51,260 additions and 1,630 deletions.
diff --git a/.babelrc b/.babelrc
@@ -1,6 +1,7 @@
 {
   "presets": [
-    "env"
+    "env",
+    "react"
   ],
   "plugins": ["transform-object-rest-spread"]
 }
diff --git a/client/public/index.html b/client/public/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>Event Center</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- Font Awesome -->
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+  <!-- Bootstrap core CSS -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css">
+  <!-- Material Design Bootstrap -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/css/mdb.min.css">
+
+</head>
+
+<body>
+  <div id="root"></div>
+
+  <!-- JQuery -->
+  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+  <!-- Bootstrap tooltips -->
+  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.13.0/umd/popper.min.js"></script>
+  <!-- Bootstrap core JavaScript -->
+  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>
+  <!-- MDB core JavaScript -->
+  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/js/mdb.min.js"></script>
+
+  <script type="text/javascript" src="https://maps.google.com/maps/api/js"></script>
+  <script src="/bundle.js"></script>
+</body>
+
+</html>
diff --git a/client/public/scripts/app.js b/client/public/scripts/app.js
@@ -0,0 +1,9 @@
+'use strict';
+
+var template = React.createElement(
+  'p',
+  null,
+  'This is a template'
+);
+
+ReactDOM.render(template, document.getElementById('root'));
diff --git a/client/src/app.jsx b/client/src/app.jsx
@@ -0,0 +1,6 @@
+import React from 'react';
+import { render } from 'react-dom';
+import App from './components/App';
+import '../src/assets/css/style.css';
+
+render(<App />, document.getElementById('root'));