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

I used framer motion for basic animations and ReactJs as the main core

@MohammedBentalb

Desktop design screenshot for the Fylo dark theme landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


It took me two days due to my busy schedule and due to the fact I'm new to framer-motion relatively to React too

I hope it looks like the design :)

Problems: I feel like I struggled a bit with how to structure my components to make them suitable for animation rather than just fast-writing code, animations are way too repetitive and maybe I could have made a component that animates the children but I found it to be a bit higher than my framer motion knowledge.

I am gonna do better for sure next one but if you got any advice about:

  • React
  • Responsive-layouts
  • Framer-motion
  • Performance (I got 90 on mobile and 98 on desktop how to do better ?)

let me know , cheers

The screenshot couldn't get a better one maybe due to animation so I recommend checking out the preview

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