We've covered a lot of material so far, and

you're ready to declare more routes on your own.

The directory still needs to display the list of

courses inside the courses component.

So now I'd like you to create the routes for the HTML, CSS and

JavaScript course list components.

Let's go over what you'll need to do.

In this challenge, you are going to be working in the file Courses.js,

and the HTML, CSS, and JavaScript components you are going to render

are located here inside the Courses directory.

In the app, when you click over to Courses, you should be able to

click on a subnavigation link and see a list of courses for that topic, like this.

Now as you navigate between the different course routes, the course's heading and

sub navigation should always display above the HTML, CSS, and

JavaScript course lists.

So you'll need to nest the routes inside

the courses component like you did earlier in the app component.

And the sub navigation should also display an active link

when the user clicks to view a topic.

I've already included the CSS for the active links,

and I've included the URL paths for each link here in courses.js.

So this is a great way to practice what you've learned so far about routing.

In the next video, I'll show you how I did it.

Good luck and have fun.