diff --git a/client/src/components/ConversationList.js b/client/src/components/ConversationList.js
new file mode 100644
index 0000000..4620d77
--- /dev/null
+++ b/client/src/components/ConversationList.js
@@ -0,0 +1,18 @@
+import List from '@material-ui/core/List'
+import React from 'react'
+import ConversationListItem from './ConversationListItem'
+
+class ConversationList extends React.Component {
+    render() {
+
+        return (
+            <List>
+                {this.props.conversations.forEach(conversation => {
+                    <ConversationListItem conversation={conversation} />
+                })}
+            </List>
+        )
+    }
+}
+
+export default ConversationList
\ No newline at end of file