bishalde / qr-code-generator Goto Github PK

I wish to Create a login and signup Page for the website.

Please assign me this issue (Under GSSoC'24).

I am interested in contributing to the project by adding the Contribution.md file which shall contain new guidelines and process such as:
Ways to Contribute
Alternatively contribute using GitHub Desktop
Giving detailed description of Github desktop
Providing links for learning basics of Github
Pull Request process;
Community Guidelines
Code Reviews etc

By providing clear and comprehensive guidance, we can encourage more contributors to participate in the project.
Our contributions.md file could me made more attractive and bring the interest of different people.

Could you please assign me the project under the label GSSOC'24?

The minimum value should be zero. Want to fix this issue assign me

In the header, the "Solution" button is highlighted by default even when the cursor is not placed on the button.

It is expected that the "Solution" button gets highlighted, only when it is clicked.

I would like to improve the Nav bar section and ensure that this would not create any problem with the overall functioning of the website

Video highlighting the issue:

the favicon is not so visible in tab bar

Please assign this issue to me

Hi @bishalde ,

I've been exploring the website and I believe that adding a FAQ (Frequently Asked Questions) section would greatly enhance the user experience by providing answers to common queries related to QR codes.

For Example Like this:

Benefits:

• Improved user satisfaction.
• Enhanced usability
• increases user engagement

I would like to take on the tasks, could you please assign this issue to me under GSSoC 24 so I can contribute to the project?

What is the license of this repository?

There is no footer section in the site.

I want to add Animated icons in the navbar and footer links

I will be adding a Footer to the website.

Please assign me this issue under GSSoC'24.

i will add a feature like this

Description

Currently, website utilizes the default browser scrollbar, which doesn't align well with overall design aesthetics. To enhance user experience . I propose implementing a customized scrollbar that matches the website's color scheme, specifically using a blue color.

Changes to be made:

• Implement CSS styles to customize the scrollbar appearance.
• Utilize a blue color palette consistent with our website's design.
• Test across different browsers and devices to ensure compatibility and accessibility.

Current Scrollbar:

Would like to work under GSSoC'24.

Can you assign it to me? @bishalde

Full name: Baba Sekhar
GitHub profile link: Baba Sekhar
Email ID: [email protected]
What is your participant role?: GSSoC-2024 contributor

As I noticed there is no Login and Sign-up page is build. So, I wanted to develop the Both Login and Sign-up pages for web site with adding firebase authentication with Google login so please assign the Under the Gssoc 2024 with level.

Thank You.

Create a login page and signup page. I'll integrate both pages. Also I'll add google login and signup feature.

Currently, the project lacks a dark mode feature, which is becoming increasingly essential for user comfort and accessibility. Adding a dark mode option will enhance the user experience, especially for those who prefer a darker interface or are using the application in low-light environments.

Expected Behavior:
Upon enabling dark mode, the application's interface should switch to a darker color scheme, providing better readability and reducing eye strain in dimly lit environments.

Proposed Solution:
Implement a toggle switch or an option in the application settings to enable dark mode. Upon enabling dark mode, the background color of the interface should change to a darker shade, and text and UI elements should adjust accordingly for improved visibility.

Additional Considerations:

• Ensure that the dark mode implementation adheres to accessibility guidelines and provides adequate contrast for readability.
• Consider providing users with the option to automatically switch between light and dark mode based on system preferences.
• Test the dark mode functionality across different devices and screen sizes to ensure consistent behavior and appearance.

Please label the issue as gssoc and level 1/2/3.

I would like to add a "Website Visitor" widget in the footer of the website that shows the number of visitors so far. This widget will update in real-time or upon page refresh to provide an accurate count of the total visitors.

This feature will enhance user engagement by providing visible visitor statistics and can be a useful metric for site administrators to track traffic.

Advantages of implementing this feature. :

• Provides a visible metric for tracking engagement.
• Enhances user experience by showing visitor statistics.
• Helps administrators monitor website traffic easily.

Preview of WebsiteVisitor:

Please assign this issue to me under the gssoc label

want to add signup and sign in page

Bug : There are two active links in the nav-bar. Unable to understand which page we are visiting. It can be removed

Please assign me this issue

Hi @bishalde ,
Implementing a Scroll-To-Top Button can provide a convenient way for users to quickly return to the top of the page. Additionally, I believe styling the vertical scrollbar would improve the visual appeal and user experience.

The benefits of adding scroll-to-top button and styling vertical scrollbar:

• Improved User Experience.
• Enhanced Accessibility.
• A vertical scroll bar and scroll-to-top button demonstrates attention to detail.
• These features contribute to a positive first impression of the website.

As I have previously worked on a similar tech stack, I'd like to take on the task, Could you please assign this project to me Under GSSoC'24 so that I can start working on it?

When we click on Watch Demo button demo video is not visible.

Title

"Add a 'Contact Us' Form to the QRbuilder Project"

Description

Overview:
We need to add a 'Contact Us' form to the QRbuilder project to allow users to reach out with questions, feedback, or support requests. This feature will enhance user engagement and support, making it easier for users to communicate with the development team.

Details:

• Purpose: To provide users with a straightforward way to contact the development team directly from the QRbuilder application.
• Location: The 'Contact Us' form should be accessible from the main navigation menu and a prominent link in the footer.

Acceptance Criteria:

• The form design matches the overall look and feel of the QRbuilder project.
• The form functions correctly, sending user messages to the designated recipient.
• Users receive appropriate feedback upon form submission.

By addressing this issue, we aim to improve user support and engagement for the QRbuilder project.
Please Assign me this issue @bishalde
Thank you for your contribution!

Hover over product and solution not working, also a lot of empty space is available

I wanted to add an apt footer which would match the website theme. This is advantageous as things like social media handles, more links (documentation, sponsor etc.) could be added without cluttering the Nav bar.

Please do assign me this issue as I would like to work on it under gssoc'24

Adding a scroll back to top button always enhance the user experience as user can come back to the top of the page with just a click instead of scrolling. I would like to add it.

This is my previous work with it.

Summary

This proposal aims to fix existing bugs and enhance the QR code generator with improved features and a better user experience.

Issues

1. Null Values: margin and qzone can be null, causing API failures.
2. Incorrect Function Name: The setter function for textval is incorrectly named.
3. Redundant State Update: Unnecessary update of formatType in handleDownload.
4. Missing Dependency: formatType is missing in the useEffect dependency array.
5. API Call Errors: API calls fail if margin or qzone parameters are empty.

Proposed Improvements

1. Customizing Download Formats: Allow users to choose the format type through a dropdown or radio buttons.
2. Form Validation: Add validation to ensure only valid input values are accepted.
3. Styling: Improve the CSS for a more user-friendly interface.
4. Error Handling: Implement error handling for API requests to manage failures gracefully.
5. Loading Indicator: Add a loading indicator while the QR code is being generated.
6. Clipboard Copy Functionality: Add a button to copy the generated QR code URL to the clipboard.

Can you please assign me this issue under GSSOC'24 so i can proceed with the proposed changes

When user clicks on back to top button it will goes up to top of the webpage

As I can see in the website, by clicking on the solution button nothing is being displayed. I can fix it and also add few features wherever needed.
Please assign this issue to me under GSSoC'24.
Thank You

I would like to make the home page visually appealing , the present UI does not looks so simple & undescriptive .
Kindly assign this issue to me under GSSoC'24

@bishalde Please Assigned This issue to me to update the UI page if you scroll the page Up then the Navbar does not Look Visible make it pure white or Some new design we create

Please assign this under GSSOC label

Please assign this issue to me under GSSoc'24

The png and jpeg options currently dont download the qr code directly to the device and instead leads us to another page

It should be downloaded to device on a single click

Can you assign it to me? @bishalde

Full name: Baba Sekhar
GitHub profile link: Baba Sekhar
Email ID: [email protected]
What is your participant role?: GSSoC-2024 contributor

I have seen the project there is no Code of Conduct so please Asign under the Gssoc with level

Hi @bishalde ,

I've been exploring the website and I believe that adding a Text-field here where you ask for the user to enter text can be improved

For Example Like this:

Benefits:

Improved user satisfaction.
Enhanced usability
increases user engagement
Also makes the UI clean and understandable

I would like to take on the tasks, could you please assign this issue to me under GSSoC 24 so I can contribute to the project?

I will add a feature which helps to generate svg image also

Assign me this work under GSSoC'24

Issue Description

If the url is not valid we will be directed to 404 not found page

Steps to Reproduce

trying to find unknown page through the website it will appear with just a simple 404 not found page

Expected Behavior

It will be suitable if the links not leading to any other pages

Additional context

Assign me this issue under so that i can work on that

Describe the bug ✍️

Learn.md file is missing in our current repository

Provide step by step information reproduce the bug 📄

A learn.md file in GitHub is often used as a documentation file to provide learning resources, instructions, or a guide to help users understand how to use the repository or learn specific concepts related to the project. It's similar to a README.md but specifically focused on educational content.
I can add a Learn.md file that gives the user the following information-

• Project Overview
• Tech Stack Used
• Resources to Learn the tech stack
• Frequently Asked Questions (FAQ)

Select program in which you are contributing

GSSoC24

Additional Context:

I am happy to contribute by making the Learn.md file myself. Please let me know if you have any feedback or additional requirements.

Thank you for considering my request!

Description:

I would like to suggest adding a custom loading screen to enhance the user experience on the platform. This feature will allow for a more engaging and branded loading process. I have already designed the components and am willing to implement them.

Proposed Changes:

Pre-Loader: A minimilistic loading screen that matches the website's color scheme and looks elegant and clean.

Design:

I have attached the design below:

Spinner-

Video-

Implementation Plan:

• Create reusable components for the loading screen.
• Integrate these components into the existing layout.
• Ensure responsiveness and cross-browser compatibility.

Additional Context:

I am happy to contribute by implementing these features myself. Please let me know if you have any feedback or additional requirements.

[X] I am a GSSOC'24 Contributor

Thank you for considering my request!

There is no LEARN.md file for this project. Please assign this task to me under GSSoC'24 with required labels. @bishalde

In main section the text written in blue it will look better and attractive with typewriter effect.

please assign this issue to me under gssoc'24 , I can fix this and make it more user friendly.

please don't forget to add labels regarding gssoc'24.

Hi Admin,

I'm interested in contributing to your project as part of GSSoC. I've been following your work and believe my skills align well. You can find my portfolio here: (https://sites.google.com/view/uibymehtab) and LinkedIn (https://www.linkedin.com/in/mehtabarkhan/)

Thanks,
Mehtab

The Get Started Button doesn't scroll when clicked . Can you please assign this issue to me?

Hello @bishalde , it is always convenient for the user to directly download the QR Code on a single click.
Currently, while clicking the download button it is opening another page where the user needs to right click and then download it, which is quite inconvenient.

Let me implement direct downloading by clicking these 2 buttons-

Please assign me this issue under the GSSOC 24 tag

It is an important section on the website I want to add a sign-in form.
sign-in button is not working.
@bishalde kindly assign me the issue i want to work on that issue.