4 files changed, 52 insertions, 0 deletions
diff --git a/spring-front/src/index.css b/spring-front/src/index.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/spring-front/src/index.css
diff --git a/spring-front/src/index.html b/spring-front/src/index.html
new file mode 100644
index 0000000..d82108b
--- /dev/null
+++ b/spring-front/src/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <script
+      crossorigin
+      src="https://unpkg.com/react@17/umd/react.production.min.js"
+    ></script>
+    <script
+      crossorigin
+      src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"
+    ></script>
+    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
+    <link rel="stylesheet" href="index.css" />
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title></title>
+    link
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="index.js" type="text/babel"></script>
+  </body>
+</html>
diff --git a/spring-front/src/index.js b/spring-front/src/index.js
new file mode 100644
index 0000000..81d4809
--- /dev/null
+++ b/spring-front/src/index.js
@@ -0,0 +1,9 @@
+import React from "react";
+
+const page = (
+  <div>
+    <h1>Hello, everyone!</h1>
+    <p>A paragraph</p>
+  </div>
+);
+React.ReactDOM.render(page, document.getElementById("root"));
diff --git a/spring-front/src/index.jsx b/spring-front/src/index.jsx
new file mode 100644
index 0000000..0ef0cdf
--- /dev/null
+++ b/spring-front/src/index.jsx
@@ -0,0 +1,20 @@
+import React from "react";
+
+const page = (
+  <div>
+    <h1>Hello, everyone!</h1>
+    <p>A paragraph</p>
+  </div>
+);
+
+const navbar = (
+  <nav>
+    <h1>terminaldweller.com</h1>
+    <ul>
+      <li>Pricing</li>
+      <li>About</li>
+      <li>Contact</li>
+    </ul>
+  </nav>
+)
+React.ReactDOM.render(navbar, document.getElementById("root"));