diff --git a/part1/courseinfo/src/App.js b/part1/courseinfo/src/App.js
index 2f13808..292628e 100644
--- a/part1/courseinfo/src/App.js
+++ b/part1/courseinfo/src/App.js
@@ -26,22 +26,28 @@ const Total = (props) => {
 
 const App = () => {
   const course = "Half Stack application development";
-  const part1 = "Fundamentals of React";
-  const exercises1 = 10;
-  const part2 = "Using props to pass data";
-  const exercises2 = 7;
-  const part3 = "State of a component";
-  const exercises3 = 14;
+  const part1 = {
+    name: "Fundamentals of React",
+    exercises: 10,
+  };
+  const part2 = {
+    name: "Using props to pass data",
+    exercises: 7,
+  };
+  const part3 = {
+    name: "State of a component",
+    exercises: 14,
+  };
 
   return (
     <div>
       <Header course={course} />
       <Content
-        part1={part1 + " " + exercises1}
-        part2={part2 + " " + exercises2}
-        part3={part3 + " " + exercises3}
+        part1={part1.name + " " + part1.exercises}
+        part2={part2.name + " " + part2.exercises}
+        part3={part3.name + " " + part3.exercises}
       />
-      <Total part={exercises1 + exercises2 + exercises3} />
+      <Total part={part1.exercises + part2.exercises + part3.exercises} />
     </div>
   );
 };