diff --git a/bloglist_frontend/src/components/Blogs.js b/bloglist_frontend/src/components/Blogs.js
new file mode 100644
index 0000000000000000000000000000000000000000..5a07eb9eefd2f364301e1a75ecf81c51c59820f5
--- /dev/null
+++ b/bloglist_frontend/src/components/Blogs.js
@@ -0,0 +1,22 @@
+import Blog from './Blog'
+
+const Blogs = ({ blogs, addLike, deleteBlog, user }) => {
+    blogs.sort(function(a,b) {
+        return b.likes - a.likes
+    });
+
+    return (
+      <div>
+        {blogs.map(blog => 
+        <Blog 
+          key={blog.title} 
+          blog = {blog}
+          user = {user}
+          addLike={() => addLike(blog.id)}
+          deleteBlog={() => deleteBlog(blog.id)} />
+        )}
+      </div>
+    )
+  }
+  
+  export default Blogs
\ No newline at end of file