Submitted over 2 years ago

React QR Code Generator

#react#accessibility

Travolgi 🍕•31,400

@denielden

Preview site View code

This is a solution for...QR code component

HTML
CSS

1newbie

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

Iván De León Lino•600
@Lino-OTMPosted over 2 years ago
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,400
@denieldenPosted over 2 years ago
@Lino-OTM A thousand thanks! I am very pleased to inspire you :) Hope to see something similar in your solutions soon!
2
Olisaemeka•260
@olisa187Posted over 2 years ago
Nice one Deniel. love what you have put up here.
1
Travolgi 🍕•31,400
@denieldenPosted over 2 years ago
@olisa187 Thank you very much Olisaemeka :) I hope it can inspire you
2
Elida (moon pie)•370
@elidakirigoPosted over 2 years ago
Impressive!!! DENIEL DEN 😀
1
Travolgi 🍕•31,400
@denieldenPosted over 2 years ago
@elidakirigo Thank you very much Elida :)
1

Please log in to post a comment

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