2025-05-20 16:42:42 +02:00
|
|
|
import Course from "./components/Course";
|
2025-05-20 16:21:42 +02:00
|
|
|
|
|
|
|
|
const App = () => {
|
|
|
|
|
const course = {
|
2025-05-20 16:24:28 +02:00
|
|
|
name: "Half Stack application development",
|
2025-05-20 16:21:42 +02:00
|
|
|
sections: [
|
|
|
|
|
{
|
2025-05-20 16:24:28 +02:00
|
|
|
part: "Fundamentals of React",
|
|
|
|
|
exerciseCount: 10,
|
2025-05-20 16:21:42 +02:00
|
|
|
},
|
|
|
|
|
{
|
2025-05-20 16:24:28 +02:00
|
|
|
part: "Using props to pass data",
|
|
|
|
|
exerciseCount: 7,
|
2025-05-20 16:21:42 +02:00
|
|
|
},
|
|
|
|
|
{
|
2025-05-20 16:24:28 +02:00
|
|
|
part: "State of a component",
|
|
|
|
|
exerciseCount: 14,
|
2025-05-20 16:21:42 +02:00
|
|
|
},
|
2025-05-20 16:40:29 +02:00
|
|
|
{
|
|
|
|
|
part: "An extra part I added just like that",
|
2025-05-20 16:54:36 +02:00
|
|
|
exerciseCount: 3,
|
2025-05-20 16:40:29 +02:00
|
|
|
},
|
2025-05-20 16:24:28 +02:00
|
|
|
],
|
|
|
|
|
};
|
2025-05-20 16:21:42 +02:00
|
|
|
|
|
|
|
|
return (
|
2025-05-20 16:42:42 +02:00
|
|
|
<>
|
|
|
|
|
<Course course={course}/>
|
|
|
|
|
</>
|
2025-05-20 16:24:28 +02:00
|
|
|
);
|
|
|
|
|
};
|
2025-05-20 16:21:42 +02:00
|
|
|
|
2025-05-20 16:24:28 +02:00
|
|
|
export default App;
|