GSSoC: QR Code page UI and Customizations

[anisharma07]

Description

I would like to code the UI for QR code page and add customizations to the generate qr code feature.

Changes You need to make

Will add feature to change:

1. color
2. size
3. margin
4. format etc.. for the qr code to be generated ....

Files to be changed:

• client\src\components\pages\qr-codes.tsx
• building new components

I have gone through the qr code api to check for parameters that I can add to the qr code...

Checkout the UI design I have built on figma for the QR code page... any further improvements are open for changes...

Screenshots

Checklist

Before submitting your pull request, ensure that you have completed the following tasks:

• [x] Gone through the rules and guidelines of the project.
• [x] When you are creating PR, your PR should title follows the specified format: [Feature/Enhancement/Bug Fix]: Brief description of the change.
• [x] Attached OSSI or GSSoC in the heading of the Issue.
• [x] I have checked this issue is not already covered in another issue.

Expected Time to Complete

around 2-4 days

Additional Notes

I will make the page mobile responsive as well and add most api features to customize the QR Code based on user needs.... I will also add a loading animation on qr code image when generate qr is clicked to provide a feedback to the user.

If you like the changes, please assign the Issue to me and add gssoc labels and appropriate level....

[github-actions[bot]]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our #24 for guidelines on contributing to this project.

[Smitkhobragade]

Have youi gone through the Current page ? @anisharma07

It looks like

[anisharma07]

Have youi gone through the Current page ? @anisharma07

It looks like

yeah I know ... I'm asking for enhancement

[Smitkhobragade]

Okay. Then I am assigning this to you...

[github-actions[bot]]

Hello @anisharma07! Your issue #171 has been closed. Thank you for your contribution!