Migrate from Vue to React framework.

client/src/components/Sideabr/SidebarContainer.js

@@ -0,0 +1,9 @@
+
+
+export default function() {
+  return (
+    <div class="sidebar" id="sidebar">
+      
+    </div>
+  )
+};

client/src/components/Sideabr/SidebarHead.js

@@ -0,0 +1,19 @@
+import React from 'react';
+
+export default function() {
+  return (
+    <div class="sidebar__head">
+      <div class="sidebar__head-logo">
+
+      </div>
+
+      <div class="sidebar__head-company-meta">
+        <span class="comapny-name">
+
+        </span>
+
+        <span class="company-meta"></span>
+      </div>
+    </div>
+  );
+};

client/src/components/Sideabr/index.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import {
+  BrowserRouter as Router,
+  Switch,
+  Route,
+} from 'react-router-dom';
+import SidebarContainer from './SidebarContainer';
+import SidebarHead from './SidebarHead';
+import sidebarRoutes from '../../routes/sidebar';
+
+export default function Sidebar() {
+  return (
+    <SidebarContainer>
+      <SidebarHead />
+
+      <div className="sidebar__menu">
+        <Menu>
+          { sidebarRoutes.map((route, index) => (
+            <Route
+              key={index}
+              path={route.path}
+              exact={route.exact}
+              children={<route.sidebar />}
+            />
+          ))}
+        </Menu>
+      </div>
+    </SidebarContainer>
+  )
+}