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

Next13 + React + Tailwind

Pablo 550

@ackDeckard

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


That was an incredible exercise to do it via react components!

I've created two components:

  • <Stars /> to generate the stars section and also the number of stars
  • <BuyersCards /> to generate the testimonies card

Everything is pulled via .JSON file including the number of stars to be created.

There was lots of learning to do on how to do it via NextJS using the new appDir folders. Also, even the simple example created by the "create-next-app@latest" has Hydratation errors poping aaaaarrrrrgh.

I'm super glad on how I've done this exercise!

But, as usual, any feedback you can give me, it'll be greatly appreciated.

Thanks, Pablo (and follow me on twitter pls :D @ackdeckard )

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