Skip to content
Submitted about 4 years ago

stats-preview-card-component made with React, Sass, Mobile-First.

Lucas Pedro da Hora•790
@Lusk1nha
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This is my first project in React.

I know that this project would be easily done with HTML and common JavaScript.

But I decided to do it with React to have my first contact with this library.

So if you have any feedback I would be grateful.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Andrew Wooldridge•15
    @triptych

    Great job. You've inspired me to log into this site and try this myself.

  • Rayane•1,935
    @RayaneBengaoui

    Hello Lucas Pedro,

    Congrats for completing this challenge and trying out React! 🙂

    For a little project like this one, it's quite heavy, but when you'll do bigger projects with React you'll see how enjoyable is it to re-use components and manage state ! 😉

    Here I would just suggest to use mix-blend-mode: multiply on your image rather than filter to mix it with the purple background and thus get closer to the design.

    Overall, well done for the challenge and happy coding ! 😃

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hello there, Lucas Pedro! 👋

    Just wanted to drop in to say nice work on another challenge! 🙌 Overall, your solution looks pretty good and is responsive! 😀

    I'd just second RayaneBengaoui's tip for getting the mix of colors in the image a little closer to that of the design. 🙂

    Keep coding (and happy coding, too)! 😁

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