diff --git a/app/components/upload-list.js b/app/components/upload-list.js
new file mode 100644
index 0000000..8ec04c2
--- /dev/null
+++ b/app/components/upload-list.js
@@ -0,0 +1,23 @@
+import {graphql, gql} from 'react-apollo'
+
+const UploadList = ({data: {allUploads, loading}}) => {
+  return (
+    <ul>
+      {allUploads.map((file) => {
+        return <li key={file.id}>{file.name}</li>
+      })}
+    </ul>
+  )
+}
+
+export default graphql(gql`
+  query allUploads {
+    allUploads {
+      id
+      name
+      type
+      size
+      path
+    }
+  }
+`)(UploadList)
diff --git a/app/pages/index.js b/app/pages/index.js
index bc59533..5876c16 100644
--- a/app/pages/index.js
+++ b/app/pages/index.js
@@ -2,6 +2,7 @@ import Head from 'next/head'
 import withData from '../helpers/with-data'
 import SingleUploader from '../components/single-uploader'
 import MultiUploader from '../components/multi-uploader'
+import UploadList from '../components/upload-list'
 
 export default withData(props => (
   <div>
@@ -30,5 +31,8 @@ export default withData(props => (
       <p>Select multiple images to upload and view the response in the console.</p>
       <MultiUploader />
     </section>
+    <section>
+      <UploadList />
+    </section>
   </div>
 ))