Added routing and basic board component.

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;