Adding additional lists

Our Home View isn’t done yet; two out of three item lists are yet to be done, at least on the client-side. We’re talking about the most viewed items and the randomly picked ones; let’s add them to the loop. Basically, we have two ways to do this:

• Adding two more Angular components very similar to the QuizListComponent one
• Extending our QuizListComponent and make it configurable, thus making it able to handle all the three item listings

Adding two more components will be rather easy; we can clone the quiz-list.component.ts file a couple of times, and change the inner method of the two new files to make it fetch the relevant data from the /quiz/ByTitle and /quiz/Random server-side APIs already available through our QuizController. Once done, we can define a different selector for each one of them, add the required stuff in the AppModule and HomeComponent templates, and we will be done.

However, this is also a horrible approach. We will restrain ourselves from cloning any...