Dreadful Tomato Test Task

Demo

What do you have to do?

Dreadful Tomato needs to implement an awesome webpage where the users could view information about almost every new TV Shows and movie.

There are three different pages.

• The first page is a landing page where user could select whether she wants to see TV shows or movies and some claims and logo of Dreadful Tomato
• The second one is the list of TV shows. Here, the user could filter TV shows by title and release year. In that page the user will see a list of card with the Title, description and image from each TV show.
• The third one is quite similar, but for the movies. The user could filter by title and release year as well, to see a list of cards with the information of every movie.

Here you could see the design of the 3 pages:

Home page:

TV shows page:

Movies page:

Technical Requirements

• This webapp has to be developed using Angular
• Create reusable components
• Create a clean, maintainable and well-designed code
• Test your code until you are comfortable with that

Considerations

• To obtain the data of the TV Shows and Movies, you have to request that file.
• Use SCSS or SASS to manage your stylesheets
• Use any component you want in the date picker to allow the user select the Year
• Pay attention to hover effects (Home and Shows/Movies cards)