pip freeze requirements.txt

frontend/bboyapp/src/App.js

@@ -1,12 +1,16 @@
 import React from 'react';
 import './App.css';
 import 'antd/dist/antd.css'; 
+import CustomLayout from './containers/Layout';
 
 function App() {
-  return (
-    <div className="App">
-    </div>
-  );
+	return (
+	    <div className="App">
+	    <CustomLayout>
+
+	    </CustomLayout>
+	    </div>
+	  );
 }
 
 export default App;

frontend/bboyapp/src/containers/Layout.js

@@ -1,11 +1,36 @@
 import React from 'react';
+import { Layout, Menu, Breadcrumb } from 'antd';
+
+const { Header, Content, Footer } = Layout;
 
 const CustomLayout = (props) => {
-	return (
-		// CUSTOM LAYOUT CODE 
-		)
+  return (
+
+    <Layout className="layout">
+    <Header>
+      <div className="logo" />
+      <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['2']}>
+        <Menu.Item key="1">nav 1</Menu.Item>
+        <Menu.Item key="2">nav 2</Menu.Item>
+        <Menu.Item key="3">nav 3</Menu.Item>
+      </Menu>
+    </Header>
+    <Content style={{ padding: '0 50px' }}>
+      <Breadcrumb style={{ margin: '16px 0' }}>
+        <Breadcrumb.Item>Home</Breadcrumb.Item>
+        <Breadcrumb.Item>List</Breadcrumb.Item>
+        <Breadcrumb.Item>App</Breadcrumb.Item>
+      </Breadcrumb>
+        <div className="site-layout-content">
+          {props.children}
+        </div>
+    </Content>
+    <Footer style={{ textAlign: 'center' }}>Ant Design ©2018 Created by Ant UED</Footer>
+  </Layout>
+
+  );
 
 }
 
-// DELETE DOM THING 
 export default CustomLayout;
+