Dreadful Tomato is a new platform to find new movies and TV shows. The main objective is to help users to find information about their favourite TV shows and movies.
To do so, the company has to create a new web app that allow users do some fancy things.
Dreadful Tomato needs to implement an awesome webpage where the users could view information about almost every new TV Shows and movie.
The Design team has sent us the new interface which has to be implemented. As you could see, 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:
Their CTO has no time to implement that, but she has defined some technical constraints:
- 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
- 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)
To understand how you take decisions during the implementation, please write a README file explaining some of the most important parts of the application.
- Push your code to your public repository and send to us link with result