Describe the bug
Your page doesn't work:
link

Screenshot

Additional context
Maybe there is a reason?
Heroku Security Notification
Github blog

Describe the bug
Returns an error message when unknown theme was added on to query strings

To Reproduce
Steps to reproduce the behavior:

1. Go to Browser
2. Click on 'http://localhost:3000/quote?theme=merko1'
3. See error

Expected behavior
Should return default theme card, if undefined theme is sent

Is your feature request related to a problem? Please describe.
We are not able to set the custom font to the quotes rendered on the card. We can add another query params to add custom fonts for the quotes

Describe the solution you'd like
Taking in a fonts as query-params and setting that font in the css, otherwise setting default font for the quote.

Is your feature request related to a problem? Please describe.
Implementation of upvote button from Product Hunt for the React Application

Describe the solution you'd like
Simple Upvote option for the User's to upvote our product/redirect to the Product Hunt page

Additional context
You have an embedded option provided by the Product Hunt itself, you can use it as well

• Product Hunt
• Embedded Design

Describe the bug
Unable to copy the predefined URL from the UI screen

To Reproduce
Steps to reproduce the behavior:

1. Go to 'http://github-readme-quotes.herokuapp.com'
2. Click on 'COPY TEXT' button
3. Paste it else where
4. You see the text is not copied

Expected behavior
Upon click, copies the text content.

Additional context
Working properly fine on the localhost. Unable to copy in the heroku platform.

The src content seems to not be symmetrical; consequently, it (quotes card) cannot be centered, even when offset w/ custom height and width.

This problem (centering) can only be fixed by fixing the src content (to be symmetrical)--especially since either align="left" and align="right" seem so unfitting.

Cheers!

Description:

This issue relates to template selection in the quote card. In the UI, the themes selected are not getting reflected since recent feature to add color background and font color is overriding the actual defined templates

Looping in @GRenziITDM for better context & review

There is a certain unalignment and nonuniform size with the last template in the other layouts. This only occurs for Zues layout which makes it look a bit uneven.

Steps:

1. Open The front end website on full screen desktop and scroll down.
2. Use the react developer tool to check the size of template cards.

System Specification:

• Windows 10
• Monitor size: 1920x1080
• Browser Used: Brave

Screenshots:

Is your feature request related to a problem? Please describe.
Constant Values stored as JSON values are duplicated across the frontend and backend version.

Describe the solution you'd like
Remove the duplicated version inside the /frontend/src/util/animation/index.js file and use the existing backend-version src/animations/animation.js file

Bug
The quote template is being trimmed out and is not fully visible in the readme.

Screenshots

@shravan20 Please assign me.

Is your feature request related to a problem? Please describe.
Implementation of SwaggerDocs for maintaining developer's reference documentation.

Describe the solution you'd like
Use swagger-ui-express and swagger-jsdoc
For detailed implementation plan, refer this article

Describe the bug
The server is down perhaps as nothing is being returned from the link and the page is also not working.
To Reproduce
Open the official website for the application or try to see your own GitHub quotes card

Screenshots
If applicable, add screenshots to help explain your problem.

Describe the bug
When switched to the dark mode in github,the layout appearance are getting changed.

To Reproduce
Steps to reproduce the behavior:

1. Switch to the dark mode in github.
2. Go to the layouts section to view the layouts.

Expected behavior
Layouts are not appearing as they did before.

Screenshots

Is your feature request related to a problem? Please describe.
Implementation for the Github-Readme-Quotes for the Card

Describe the solution you'd like
Alternative background solution instead of current SOLID COLOUR option, where user passes gradient name, and corresponding quote background.

Describe the bug
The svg image returned from the server is of a static size 700x300 which makes it difficult to align properly with the content since the extra space is filled with transparent background, which makes that space unusable.

To Reproduce
Steps to reproduce the behavior:

1. Generate any quote with any layout.
2. Check the size of the image, and the actual content size of the image.

Expected behavior
svg size is expected to be the same as the necessary content.

Screenshots

Is your feature request related to a problem? Please describe.
GitHub Action to Deploy Application from the Github Directly to the Heroku

Description:

Add slide in custom css as well for slide append to the svg created as we return with class name as additional option.

Feature Description:

• Integrate with Unsplash API to provide a selection of high-quality images as potential backgrounds for quotes.

Is your feature request related to a problem? Please describe.
Moving all the svg based files to assets folder rather keeping it in /frontend/src/

Describe the solution you'd like
Create an assets folder [/frontend/src/assets] and add all the assets into same folder

Is your feature request related to a problem? Please describe.
Create Quotes taken from your favourite personality

Describe the solution you'd like

• You can use existing API that provides this functionality

Describe alternatives you've considered
Create a folder, storing JSON file storing all personalities quotes in natural order (Aplhabetical order)

Is your feature request related to a problem? Please describe.
We have cross checked the working. Still, want an Unit Testing of UI components rendered to ensure the working.

Describe the solution you'd like
A proper unit testing of the functions that responsible for rendering svg component using Jest Library.

Describe alternatives you've considered
Have used Mocha for testing. But as you know, Mocha cannot test components rendering and stuff, we removed it in the initial release of v0.9. If you want to propose alternatives for Jest, please feel free to comment on the same.

Is your feature request related to a problem? Please describe.
Constant Values stored as JSON values are duplicated across the frontend and backend version.

Describe the solution you'd like
Remove the duplicated version inside the /frontend/src/util/themes/index.js file and use the existing backend-version file

Problem Statement
I'm excited by the fact that I would be able to add dynamic quotes to my GitHub read-me page, but these quotes would be always random. The quotes that would be generated by a specific category or from a list of quotes would be highly useful as that would meet the requirement to clearly give dynamic quotes based on my profile, ex: Designer, Developer, etc.

Possible Solution
A file in the GitHub profile repository that contains a list of data that would be used to get the quotes data from, so that always predictable, but random quotes appear on the read-me.

Additional context
Let's say I have a read-me page and I want to have random quotes but from a certain set of quotes. I would make a file from a template and enter the quotes, then I would get the quotes to my read-me page from this file. In this way I'm sure what my profile viewers would see.

need fix

Feature Description:

Organize quote-writing challenges and display leaderboards to encourage friendly competition within the user community.

The "Create Leaderboards for Custom Themes/Quotes/Other Bits" feature enhances user engagement and recognition by allowing users to create and customize leaderboards based on various criteria such as themes, quotes, or any other creative elements. This feature aims to showcase and celebrate the creativity of the community in a personalized and organized manner.

Hosted Heroku link not working

Screenshots

Desktop:

• OS: [Windows]
• Browser [chrome]

Is your feature request related to a problem? Please describe.
Implementation of the Dark Theme for the React Website for Github Readme Quotes, to get a view of how the card looks in the Dark theme of the Github API

Is your feature request related to a problem? Please describe.

Basically in the main ./README.md file, we have not mentioned/added any docs about how to use URL feed for custom font

Describe the solution you'd like

Simply add about the font docs to the README.md with an example snapshot

Additional context

Add all the images/snaps in the assets folder.

Hey developer, your https://github-readme-quotes.herokuapp.com/quote is not working since Heroku has stopped its all free services, I request to change the hosting platform.

Suggested platforms are:

• vercel
• Cyclic
• Render

Is your feature request related to a problem? Please describe.
Implementation of simple div card, thanking the contributors

Describe the solution you'd like
A simple card to applauding the contributors for their contribution as a part of the Github-Readme-Quotes Website itself.

Feel free to propose any new alternative.

Description:

Add quotes with intentional auto-correct errors or funny typos to mimic common text message mishaps.

Is your feature request related to a problem? Please describe.
User Interface, where all the information as a part of Repo to be included in the screen

Describe the solution you'd like
Implementing Screen in the React App, which includes,

• Contributing Information
• Code of Conduct Information
• Implementation Information

Describe alternatives you've considered
Use the existing markdown, to be part of the React UI itself, using React Markdown Previewer

Description

Quotes do not show up as the hosted instance is most likely not working properly.

Please fix this. Thank you

Task

Refactor the codebase to utilize async/await syntax instead of promises for improved readability and maintainability.

Details

Currently, the codebase extensively uses promises for asynchronous operations. Converting these to utilize async/await syntax will enhance the codebase in the following ways:

• Readability: Async/await syntax provides a more intuitive and synchronous-like flow, making the code easier to read and understand.
• Error Handling: async/await allows for more natural error handling using try/catch blocks, improving error traceability.
• Simplified Logic: Converting promise chains to async functions simplifies the control flow and reduces the need for nested .then() calls.

Steps to Accomplish

• Identify all occurrences of promise-based syntax in the codebase.
• Replace these with appropriate async/await usage.
• Ensure that error handling is appropriately adjusted using try/catch blocks.
• Thoroughly test the refactored code to ensure functionality and performance are maintained.

Additional Information

• Ensure to maintain code functionality and avoid introducing regressions during the refactoring process.
• Pay attention to error handling and propagate errors appropriately.
• Consider documenting the changes made and update relevant documentation if needed.

Is your feature request related to a problem? Please describe.
Currently we support feature to generate dynamic quotes, but not static quotes

Describe the solution you'd like
This feature would allow to provide static quotes on daily basis. This quote for a profile would change on per day basis.

@shravan20 please assign me , I want to work on it

Is your feature request related to a problem? Please describe.
The quotes generated are random and the user has no clue on the kind of quote which is going to be displayed

Describe the solution you'd like
An option for users to select the category of the quotes which they want to display.

Description

Could you list all the available fields/categories -- which could be input specifically for random quotes to display.

Thank you!

Path for anyone wondering: ./customQuotes

Is your feature request related to a problem? Please describe.
Every time a theme is to be added, we have to raise a PR and add them from the code.

Describe the solution you'd like
A platform raising allowing to add the custom themes and accordingly update the code files using github actions

Describe alternatives you've considered
Any other alternative solutions are accepted

Describe the bug
Dynamic url generation in the dashboard is wrong since after the migration this has not been updated to GCP url, hence need to fix this to be dynamic as per current host rather than hardcoding it

Description of feature:

This is a custom template generator by specifically select colors for each of the components of the Github Readme Quotes like:

• Readme Card
• Border Color
• Font Color
• Font Border color

Is your feature request related to a problem? Please describe.
Currently, no support for emojis

Describe the solution you'd like
Provide support for emojis in the github readme quotes on the card.

Is your feature request related to a problem? Please describe.
Since currently we have a feature for generating quotes, we do not have an option to preview the quote in native language of our choice. Hence, proposing a feature that allows us to convert the quote into native language of our choice.

Describe the solution you'd like
Pending

Describe alternatives you've considered

• Using some NPM packages to convert the retrieved quote into native language
• Using Google Translator API to convert into native language of our choice

Describe the bug

• Address React warning (screenshot) by including a unique key prop in the Avatar component during mapping to ensure proper rendering and avoid potential issues.
• Remove border property in the root class definition as it was invalid ('10px');
• Implement error handling for the fetch request to handle potential network (fault tolerance).
• Renaming property of avatar component from MarginLeft to marginLeft (it was invalid).

Is your feature request related to a problem? Please describe.
Create User Interface to preview different possible template combinations and get the generated URL for the same.

Describe the solution you'd like
Pending

Is your feature request related to a problem? Please describe.
Implementation to have a background image instead of solid colour

Describe the solution you'd like
Implementation of adding a background image as optional instead of solid colour

Additional context
Not just new card, but also with existing cards as well.

In the mobile view, "Make your own personalized style for the Quotes" is hidden, and the navbar UI is suboptimal.

The font size of "Github Dynamic Quotes for Readme" should be reduced, and it should be displayed row-wise.

Additionally, the dark mode theme icon is not displaying correctly in the mobile view.

Furthermore, the Product Hunt image should be resized to a smaller dimension for a better mobile viewing experience.