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

Social proof section using ReactJS, TailwindCSS

@gbtan1991

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


Tech Stack Used:

ReactJS⚛️ TailwindCSS🌬️

Learning:

Practiced mapping arrays of objects for rendering testimonials, enhancing familiarity with iterating through data in React. Learned conditional rendering techniques in React, especially for displaying different components based on certain conditions. Improved responsiveness skills in TailwindCSS, ensuring the social proof section adapts well to various screen sizes and devices. Conclusion: This challenge was exhilarating, particularly when implementing conditional rendering for the ratings and testimonials section. It provided valuable practice and insight into the robust capabilities of ReactJS. The experience further solidified my understanding of React's flexibility and power.

Thank you Frontendmentor for providing this challenge! 🚀

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