ejected / added css and scss modules / added jest and enzyme

frontend/src/App.js

@@ -1,16 +1,17 @@
 import React, { Component } from 'react';
 import logo from './logo.svg';
-import './App.css';
+import styles from './App.css';
+import Dummy from './components/Dummy';
 
 class App extends Component {
   render() {
     return (
-      <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <h1 className="App-title">Welcome to React Ba</h1>
+      <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="App-intro">
+        <p className={styles["App-intro"]}>
           To get started ba, edit <code>src/App.js</code> and save to reload.
         </p>
       </div>

frontend/src/components/Dummy/dummy.test.js

@@ -0,0 +1 @@
+

frontend/src/components/Dummy/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import styles from './styles.scss';
+
+const Dummy = (props) => {
+	return <div className={styles.colored}>Hello, {props.name}</div>;
+};
+
+export default Dummy;

frontend/src/components/Dummy/styles.scss

@@ -0,0 +1,3 @@
+.colored {
+  color: blueviolet;
+}