initial commit

vazkarvishal · Jan 21, 2018 · 6bea0ae · 6bea0ae
1 parent 9adfa1d
commit 6bea0ae
Show file tree

Hide file tree

Showing 5 changed files with 707 additions and 0 deletions.
diff --git a/indecision-app/package.json b/indecision-app/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "indecision-app",
+  "version": "1.0.0",
+  "main": "index.js",
+  "author": "vishal vazkar",
+  "license": "MIT",
+  "dependencies": {
+    "babel-preset-env": "1.5.2",
+    "babel-preset-react": "6.24.1"
+  }
+}
diff --git a/indecision-app/public/index.html b/indecision-app/public/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Indecision App</title>
+</head>
+<body>
+  <div id="app"></div>
+  <script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
+  <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
+  <script src="/scripts/app.js"></script>
+</body>
+</html>
diff --git a/indecision-app/public/scripts/app.js b/indecision-app/public/scripts/app.js
@@ -0,0 +1,38 @@
+'use strict';
+
+console.log('App.js is running');
+
+// JSX - JavaScript XML
+
+var template = React.createElement(
+  'div',
+  null,
+  React.createElement(
+    'h1',
+    null,
+    'Vishal Vazkar'
+  ),
+  React.createElement(
+    'p',
+    null,
+    'Hello world'
+  ),
+  React.createElement(
+    'ol',
+    null,
+    React.createElement(
+      'li',
+      null,
+      'Item one'
+    ),
+    React.createElement(
+      'li',
+      null,
+      'Item two'
+    )
+  )
+);
+
+var appRoot = document.getElementById('app');
+
+ReactDOM.render(templateTwo, appRoot);
diff --git a/indecision-app/src/app.js b/indecision-app/src/app.js
@@ -0,0 +1,19 @@
+console.log ('App.js is running');
+
+// JSX - JavaScript XML
+
+var template = (
+  <div>
+    <h1>Vishal Vazkar</h1>
+    <p>Hello world</p>
+    <ol>
+      <li>Item one</li>
+      <li>Item two</li>
+    </ol>
+  </div>
+);
+
+
+var appRoot = document.getElementById('app');
+
+ReactDOM.render(templateTwo, appRoot);