created a hierarchical structure of components

frontend/src/components/App/index.js

@@ -0,0 +1,22 @@
+import React, { Component } from 'react';
+import logo from '../../logo.svg';
+import styles from './styles.scss';
+import Dummy from './Dummy';
+
+class App extends Component {
+  render() {
+    return (
+      <div className={styles.App}>
+        <header className={styles["App-header"]}>
+          <img src={logo} className={styles["App-logo"]} alt="logo" />
+          <h1 className={styles["App-title"]}><Dummy name="Hamo"/> </h1>
+        </header>
+        <p className={styles["App-intro"]}>
+          To get started ba, edit <code>src/App.js</code> and save to reload.
+        </p>
+      </div>
+    );
+  }
+}
+
+export default App;