Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Fullstack Movie/TV app build with React, Typescript and virtual lists

#react#react-router#redux#styled-components#typescript

@MartinEichinger

Desktop design screenshot for the Entertainment web app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


I have expanded and adapted the requirements for the challenge somewhat. At first I wanted to make a full-stack application with the possibility that users can/must register. Furthermore, the data should be loaded from TMDB.com, so that the current films and series are also displayed. This changed the structure of the home page in particular, as TMDB naturally offers the categories "Popular", "Top Rated", "Now Playing or Airing Today" and "Upcoming or On the Air". Due to the many sub-categories, I think it would be a good idea to display the respective category only one line high. Since TMDB also provides a lot of detailed information, each film or series should also be displayed with a detail page including a video preview.

Please feel free to give me your comments and ideas about improvements.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord