Renamed /src to /frontend

frontend/components/LoadingIndicator/LoadingIndicator.js

@@ -0,0 +1,13 @@
+import React from 'react';
+
+import styles from './LoadingIndicator.scss';
+
+const LoadingIndicator = (props) => {
+  return (
+    <div className={ styles.loading }>
+      <div className={ styles.loader }></div>
+    </div>
+  );
+};
+
+export default LoadingIndicator;

frontend/components/LoadingIndicator/LoadingIndicator.scss

@@ -0,0 +1,20 @@
+.loader {
+  width: 100%;
+  height: 2px;
+  background-color: #03A9F4;
+}
+
+.loading {
+  position: fixed;
+  top: 0;
+  z-index: 9999;
+
+  background-color: #03A9F4;
+  width: 100%;
+  animation: loading 4s ease-in-out infinite;
+}
+
+@keyframes loading {
+  from {margin-left: -100%; z-index:100;}
+  to {margin-left: 100%; }
+}

frontend/components/LoadingIndicator/index.js

@@ -0,0 +1,2 @@
+import LoadingIndicator from './LoadingIndicator';
+export default LoadingIndicator;