Frontend Mentor – Room Homepage

This piece is a Frontend Mentor coding challenge in the intermediate category. The task was to create a homepage for a furniture site following designs from Frontend Mentor.

Your challenge is to build out this e-commerce homepage and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you’ve got something you’d like to practice, feel free to give it a go.

Your users should be able to:

  • View the optimal layout for the site depending on their device’s screen size
  • See hover states for all interactive elements on the page
  • Navigate the slider using either their mouse/trackpad or keyboard

The carousel is built with vanilla js, without the use of a library which I’m quite proud of.

You can see my solution here: https://oscar-ac.github.io/room/

and you can see my code here: https://github.com/Oscar-ac/room

Back to my work