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 Generator

#react#accessibility
Travolgi ๐Ÿ•โ€ข 31,480

@denielden

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


Hi there! ๐Ÿ˜€

This is my advanced solution for the Qr Code Component. This app generates Qr Code based on the url entered.

Added features:

  • Light / dark mode theme switcher
  • Dark color customization
  • Font customization
  • Qr Code DenielDen profile link default on loading
  • Dynamically generating the Qr Code as you type the URL
  • Dynamically update the color and background of the Qr Code
  • Dynamically update the customized image of the Qr Code
  • Removes the custom image of the Qr Code
  • You can download the .png of the generated Qr Code

Any feedback and advice are welcome!

Happy coding ๐Ÿ˜

Community feedback

@Lino-OTM

Posted

Man I'm learning React and watching things like these is admirable and inspires me to try something similar with other challenges, congrats!

2

Travolgi ๐Ÿ•โ€ข 31,480

@denielden

Posted

@Lino-OTM A thousand thanks! I am very pleased to inspire you :) Hope to see something similar in your solutions soon!

2
Olisaemekaโ€ข 260

@olisa187

Posted

Nice one Deniel. love what you have put up here.

1

Travolgi ๐Ÿ•โ€ข 31,480

@denielden

Posted

@olisa187 Thank you very much Olisaemeka :) I hope it can inspire you

2
Elida (moon pie)โ€ข 370

@elidakirigo

Posted

Impressive!!! DENIEL DEN ๐Ÿ˜€

1

Travolgi ๐Ÿ•โ€ข 31,480

@denielden

Posted

@elidakirigo Thank you very much Elida :)

1

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