Added custom color background, JPEG downloadable, URL validation, and…

[ayshajamjam]

These are the changes I made:

Grammar/clean up:

1. Bit size —> Bit Size
2. qr —> QR
3. Fixed grammar

URL Error:

• When user does not include a URL, the alert box just says “Error: empty input”. I wanted to make this more clear, and changed it to “Error: please input a URL”.

Valid URL check:

• Used JS URL object to do an error check on the validity of the user inputted email. It only creates URLS for websites beginning with http or https. Before, it allows any string input even if it is not a URL (which technically isn't a big issue).

Background color:

• Added black background option and custom color background option. Suppose the poster is green, but they want the background of the QR code to be yellow. This eliminates the need for users to put the transparent background QR code on a colored square manually.

Download as JPEG:

• Added a button to make the image downloadable as JPEG as well.

[HughChen]

Thanks for the changes! Sorry I just now have some free time to revisit this. A few notes:

For the background color picker, this is awesome! One caveat is that I don't think users should be able to check multiple background colors simultaneously:

Instead, I think removing the white background and black background options and leaving only the custom color picker and renaming it to "Custom background color" would be better. Let me know if you have any other thoughts around this!

As for the valid URL check, I actually think it is better to not have this check since technically encoding non-URLs in QR codes is a valid use case.

Finally, downloading the JPEG looks good.

[reaperhammer]

merge when?