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

React QR Code Component using CSS Grid, React Props & Components

@imtiazraqib

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • What did you find difficult while building the project? — I had no difficulty in building the project but when it came to deploying it, I struggled to find an optimum solution there since I created my solution using React. Learning Netlify to deploy my site was interesting and helpful in understand that the front-end development also includes launching a SPA >.<

  • Which areas of your code are you unsure of? — None, code works as intended.

  • Do you have any questions about best practices? — Maybe when it comes to prop data as long description and long headings. Is it best to make it a variable and pass as prop data from parents?

Community feedback

@jhellard

Posted

Hey Imtiaz! Storing the prop data in variables is a good idea, for this app it's not a big deal but if you were rending multiple cards you could have an array of data and map over it to easily pass the different values to the component.

Great solution, happy coding!

1

@imtiazraqib

Posted

@jhellard Hey Joshua, glad that I was on the right path. Appreciate the tip my friend!

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