Completed 1.5

part1/src/App.js

@@ -1,8 +1,9 @@
 import React from 'react'
 
 const App = () => {
-  const course = 'Half Stack application development'
-  const parts = [
+  const course = {
+    name: 'Half Stack application development',
+    parts: [
       {
         name: 'Fundamentals of React',
         exercises: 10
@@ -16,19 +17,20 @@ const App = () => {
         exercises: 14
       }
     ]
+  }
 
   return (
     <div>
       <Header course={course} />
-      <Content part={parts} />
-      <Total part={parts} />
+      <Content part={course.parts} />
+      <Total part={course.parts} />
     </div>
   )
 }
 
 const Header = (props) => {
   return (
-    <h1>{props.course}</h1>
+    <h1>{props.course.name}</h1>
   )
 }