diff --git a/part2/2.1-2.5/src/App.js b/part2/2.1-2.5/src/App.js index f2fd12e..45aede1 100644 --- a/part2/2.1-2.5/src/App.js +++ b/part2/2.1-2.5/src/App.js @@ -1,34 +1,56 @@ import React from 'react' const App = () => { - const course = { - id: 1, - name: 'Half Stack application development', - parts: [ - { - name: 'Fundamentals of React', - exercises: 10, - id: 1 - }, - { - name: 'Using props to pass data', - exercises: 7, - id: 2 - }, - { - name: 'State of a component', - exercises: 14, - id: 3 - }, - { - name: 'Redux', - exercises: 11, - id: 4 - } - ] - } + const courses = [ + { + name: 'Half Stack application development', + id: 1, + parts: [ + { + name: 'Fundamentals of React', + exercises: 10, + id: 1 + }, + { + name: 'Using props to pass data', + exercises: 7, + id: 2 + }, + { + name: 'State of a component', + exercises: 14, + id: 3 + }, + { + name: 'Redux', + exercises: 11, + id: 4 + } + ] + }, + { + name: 'Node.js', + id: 2, + parts: [ + { + name: 'Routing', + exercises: 3, + id: 1 + }, + { + name: 'Middlewares', + exercises: 7, + id: 2 + } + ] + } + ] - return + return ( +

Web Development Curriculum

+ {courses.map(course => )} +
+ ) } const Course = ({course}) => { @@ -43,7 +65,7 @@ const Course = ({course}) => { const Header = (props) => { return ( -

{props.course.name}

+

{props.course.name}

) }