From 1ab1fceab0a12cdf4853552baf50e98ef443ae55 Mon Sep 17 00:00:00 2001
From: Pablo Martin <pablo.martin@superhog.com>
Date: Tue, 20 May 2025 17:08:05 +0200
Subject: [PATCH] 2.4 done

---
 parts/2/courseExercise/src/App.jsx | 57 ++++++++++++++++++------------
 1 file changed, 35 insertions(+), 22 deletions(-)

diff --git a/parts/2/courseExercise/src/App.jsx b/parts/2/courseExercise/src/App.jsx
index df4e7be..ce49780 100644
--- a/parts/2/courseExercise/src/App.jsx
+++ b/parts/2/courseExercise/src/App.jsx
@@ -1,31 +1,44 @@
 import Course from "./components/Course";
 
 const App = () => {
-  const course = {
-    name: "Half Stack application development",
-    sections: [
-      {
-        part: "Fundamentals of React",
-        exerciseCount: 10,
-      },
-      {
-        part: "Using props to pass data",
-        exerciseCount: 7,
-      },
-      {
-        part: "State of a component",
-        exerciseCount: 14,
-      },
-      {
-        part: "An extra part I added just like that",
-        exerciseCount: 3,
-      },
-    ],
-  };
+  const courses = [
+    {
+      name: "Half Stack application development",
+      sections: [
+        {
+          part: "Fundamentals of React",
+          exerciseCount: 10,
+        },
+        {
+          part: "Using props to pass data",
+          exerciseCount: 7,
+        },
+        {
+          part: "State of a component",
+          exerciseCount: 14,
+        },
+        {
+          part: "An extra part I added just like that",
+          exerciseCount: 3,
+        },
+      ],
+    },
+    {
+      name: "Quarter Stack application development",
+      sections: [
+        {
+          part: "Fundamentals of Vanilla",
+          exerciseCount: 10,
+        },
+      ],
+    },
+  ];
 
   return (
     <>
-    <Course course={course}/>
+      {courses.map((course) => (
+        <Course course={course} />
+      ))}
     </>
   );
 };