Submitted about 1 year ago

Room Homepage - REACT & GSAP

#gsap#react#animation

Sameer Singh• 560

@SameerJS6

Preview site View code

This is a solution for...

Room homepage

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello Frontend Mentor Community,

I took on this project to practice my GSAP animation skills and it's safe to say that I still have a lot to learn.
However, I was able to animate the site using GSAP.
Also, If anyone knows how to fix the weird image problem that occurs when changing the image using the arrow button, please let me know.
I tried to find the solution but wasn't successful.

In addition to the animation, I also added:

A ripple effect on all the buttons when clicked
Changed a few images

Feedback is welcome. If you know how to fix the mentioned problem, please let me know in the comments. Thank you.

Community feedback

Benjamin obafemi• 180

@benjaminbills

Posted about 1 year ago

Great Job. The fonts and responsiveness are very good. You can improve the button on the page to match the original design.

Sameer Singh• 560

@SameerJS6

Posted about 1 year ago

@benjaminbills Which one you talking about?!

Please log in to post a comment

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