khriztianmoreno / dreadful-tomatoes-with-react

Build a web app that lets users view and rate the latest blockbuster movies.

Dreadful Tomato

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.

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.

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:

Technical Requirements

Their CTO has no time to implement that, but she has defined some technical constraints:

• This webapp has to be develop using React
• 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)

To understand how you take decisions during the implementation, please write a README file explaining some of the most important parts of the application.

---

How to submit your solution

• Push your code to the devel branch - we encourage you to commit regularly to show your thinking process was.
• Create a new Pull Request to main branch & merge it.

Once merged you won't be able to change or add anything to your solution, so double-check that everything is as you expected!

Remember that there is no countdown, so take your time and implement a solution that you are proud!