Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Entertainment web app with reactjs, nextjs, tailwindcss

Chad 170

@cbuntrakulsuk

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


What are you most proud of, and what would you do differently next time?

Im happy I was able to get something working :) This was the first time using nextjs. I probably should have learned the basics of nextjs prior to taking on this challenge. If I were to do this again I would probably go in with some planning before hand.

What challenges did you encounter, and how did you overcome them?

Ive had a lot of issues with fetching data with TMDB Api and using nextjs. I was unsure how to fetch data properly between client and server components. Im not sure if the apporach I took was the best way to achieve this but it does seem to work. However, I did notice some slowdowns after deploying the app.

What specific areas of your project would you like help with?

I noticed i had the most slowdowns from my bookmark page. I don't even know where to begin to look at optimizations. It probably has somethign to do with the way im fetching data. This was the first time using these two technologies and I just decided to jump in and learn along the way.

Community feedback

P
alexander 1,300

@alex931d

Posted

The mobil view seems to be broken and the sidebar is behind the elements which complety breakd the site

0

Chad 170

@cbuntrakulsuk

Posted

@alex931 yes, I haven't gotten to the mobile versions yet. Might continue in the future

0

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