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

Room Homepage using React, Tailwind, and Material Tailwind

@RDifault

Desktop design screenshot for the Room homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

In this project, i'm proud to have successfully learned how to implement Gridboxes for the responsive layout. This project also teaches me how to control DOM using keyboard. I also learned how to use Material-Tailwind to implement carousel and buttons.

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

As far as i know, the right way to manipulate DOM in React is to use useRef. But i'm still learning to use the hook and implementing it in this project seems quite difficult. So I decided to use Vanilla JS DOM manipulation for a while, and try to use it in different project.

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

Any critics and advice are welcome. Thank you

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