Completed 2.4

part2/2.1-2.5/src/App.js

@@ -1,9 +1,10 @@
 import React from 'react'
 
 const App = () => {
-  const course = {
+  const courses = [
-    id: 1,
+    {
       name: 'Half Stack application development',
+      id: 1,
       parts: [
         {
           name: 'Fundamentals of React',
@@ -26,9 +27,30 @@ const App = () => {
           id: 4
         }
       ]
+    }, 
+    {
+      name: 'Node.js',
+      id: 2,
+      parts: [
+        {
+          name: 'Routing',
+          exercises: 3,
+          id: 1
+        },
+        {
+          name: 'Middlewares',
+          exercises: 7,
+          id: 2
         }
+      ]
+    }
+  ]
 
-  return <Course course={course} />
+  return (
+    <div><h1>Web Development Curriculum</h1>
+    {courses.map(course => <Course key={course.id} course={course} />)}
+    </div>
+  )
 }
  
 const Course = ({course}) => {
@@ -43,7 +65,7 @@ const Course = ({course}) => {
 
 const Header = (props) => {
   return (
-    <h1>{props.course.name}</h1>
+    <h2>{props.course.name}</h2>
   )
 }