added sample component, and sample style

client/src/App.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import HelloWorld from './components/HelloWorld';
 import './style/style.css';
 // import * as api from './api';
 // un-comment this ^ ^ ^ to import api endpoints
@@ -13,7 +14,11 @@ function App() {
   //
   // example ^ ^ ^ using the api endpoint
 
-  return <div>Hello World - React.js</div>;
+  return (
+    <div className='App'>
+      <HelloWorld />
+    </div>
+  );
 }
 
 export default App;

client/src/components/HelloWorld.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+function HelloWorld() {
+  return <div>Hello World - React.js</div>;
+}
+
+export default HelloWorld;

client/src/style/style.css

@@ -8,3 +8,10 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
+.App {
+  width: 100%;
+  min-height: 100vh;
+  display: grid;
+  place-items: center;
+}