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

Fylo Data Storage Component using React

#vite#react

@RoanMacmillan

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello there!

I thought I'd attempt an easier project as this was my first time using React for a solution. I Immediately noticed how creating components will make it much easier to reuse and maintain code, compared to just using vanilla.

Any tips or feedback regarding React would be appreciated, Thanks!

Community feedback

@Abdelrahman-Mohammad

Posted

Hey there, Great work on your solution! I can see that everything is well done and perfect.

However, I just happen to notice a subtle but important detail to add for the overall feel on your app. When you hover and then un-hover on the upload buttons (Document, Folder, and Upload icons) and the GB left pop-up, the scaling animation doesn't play. This is most likely because you only put the transition property on the selector with the hover pseudo selector and not the selector itself. Just a simple detail that goes a long way in making your app feel better.

Great work!

Marked as helpful

1

@RoanMacmillan

Posted

@Abdelrahman-Mohammad

Will check that out. Thanks for the feedback! :)

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