Skip to content
Submitted about 3 years ago

Qr code component using React.js and MUI

react, material-ui
Abdelghafour•580
@Abdelghafour122
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I added a simple generator to this challenge because it felt too simple.

This also was the first time i use Material UI

If you guys have any suggestions on how i can improve my code, please let me know. Thank you!

Code

Please log in to post a comment

Log in

Community feedback

  • Sridarshan•60
    @sridarshan-webjava

    Just my perception. You can have the modal shown first to generate a QR code. When nothing is entered, the default QR design can be displayed thereafter hiding the modal. If something is entered, the corresponding QR code can be attached. An icon can be used to toggle back to the modal screen to edit the link or text.

    But it was a great thought on using a QR generator to enhance the application. Kudos and Happy coding👍

  • Shashree Samuel•8,860
    @shashreesamuel

    Hey good job completing this challenge. Keep up the good work

    Your solution looks great however I think that your card is missing a subtle box-shadow using box-shadow.

    I hope this helps

    Cheers Happy coding 👍

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