Skip to content
Submitted almost 2 years ago

Fylo Data Storage Component using React

#vite#react
Roan Macmillan•820
@RoanMacmillan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo data storage component
  • HTML
  • CSS
2junior

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•90
    @Abdelrahman-MohammadPosted almost 2 years ago

    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
    Roan Macmillan•820
    @RoanMacmillanPosted almost 2 years ago

    @Abdelrahman-Mohammad

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

    0

Please log in to post a comment

Log in with GitHub

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