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

Movie Center

#next#react#tailwind-css
P
Chamu 12,970

@ChamuMutezva

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 used this challenge to learn more about NextJs. This is the second time doing the same project, having done it recently with the main difference being that on this occasion , I am fetching the data from tmdb api whilst on the first challenge, the data was hosted on mongodb.

The highlights on this challenge includes:

  • fetching data on the server using the fetch method combined with async await.
  • using React Suspense to display a fallback until the children elements have been populated.
  • a landing page with a dummy video
  • selecting explore on the landing page will take you the list of all movies. They are 3 categories all, movies and Tv series - the appropriate buttons are at the top
  • a search function to search for a particular movie.
  • the bookmark page is still under construction.
  • a dedicated details page for a single movie.

Any feedback is welcome

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