Added routing and basic board component.

client/src/components/footer/footer.component.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function FooterComponent() {
+    return (
+        <div>
+            Copyright Snapt Software 2019. All rights reserved.
+        </div>
+    )
+}

client/src/components/header/header.component.jsx

@@ -13,6 +13,7 @@ export default ({ landingHeader, selectedNavItem, navItems }) => {
   };
   return (
     <Menu
+      theme="dark"
       className="header"
       onClick={handleClick}
       selectedKeys={selectedNavItem}

client/src/components/manage-shop/manage-shop.component.jsx

@@ -1,11 +0,0 @@
-import React from "react";
-import HeaderContainer from "../header/header.container";
-
-export default function ManageShop() {
-  return (
-    <div>
-     <HeaderContainer />
-      This is the manage shop component.
-    </div>
-  );
-}

client/src/components/manage-shop/manage-shop.container.jsx

@@ -1,7 +0,0 @@
-import React from "react";
-
-import ManageShop from "./manage-shop.component";
-
-const ManageShopContainer = () => <ManageShop />;
-
-export default ManageShopContainer;

client/src/components/white-board-card/white-board-card.component.jsx

@@ -0,0 +1,59 @@
+import React from "react";
+import { Skeleton, Switch, Card, Icon, Avatar } from "antd";
+
+const { Meta } = Card;
+
+class WhiteBoardCard extends React.Component {
+  state = {
+    loading: true
+  };
+
+  onChange = checked => {
+    this.setState({ loading: !checked });
+  };
+
+  render() {
+    const { loading } = this.state;
+    const {
+      onClick,
+      className,
+      name,
+      cardStyle,
+      body,
+      dueOn,
+      cardColor,
+      subTitle,
+      tagStyle,
+      escalationText,
+      tags,
+      showDeleteButton,
+      onDelete
+    } = this.props;
+
+    return (
+      <div>
+        <Card
+          style={{ width: 300, marginTop: 16 }}
+          actions={[
+            <Icon type="setting" key="setting" />,
+            <Icon type="edit" key="edit" />,
+            <Icon type="ellipsis" key="ellipsis" />,
+            <Switch checked={!loading} onChange={this.onChange} />
+          ]}
+        >
+          <Skeleton loading={loading} avatar active>
+            <Meta
+              avatar={
+                <Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
+              }
+              title="Card title"
+              description="This is the description"
+            />
+          </Skeleton>
+        </Card>
+      </div>
+    );
+  }
+}
+
+export default WhiteBoardCard;