Description

Make a cool animation effect on new quote load,
it could be fade, zoom in or any other animation type.(it must look good)
try not to use any third party package or library.
try out your skill of raw css and js

give a star,
make a PR
get merged 😀

Screenshots.

Additional information

No response

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

None

Description

As we see, QuoteVerse has a share option to various social media platforms.
We want to Include such meta tag , that will help the shared link with some information like: what is Quote Verse,
what service it provides.

Screenshots.

For example in whatsapp, this only showing the link.

Additional information

No response

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

None

Kindly explain, what is the issue or what bug do you want to be fixed?

Greetings,

Following the integration of the animation code with the quote, there was a modification in the DOM structure of the quote body. Previously, it comprised a single element, whereas now each word is encapsulated within an individual HTML element. Consequently, when copying the quote text, it no longer replicates the quote text. This is a minor issue that I can address. Kindly assign it to me, and I will take care of the fix.

Expected:
"Persistence guarantees that results are inevitable."- Paramahansa Yogananda

Behaving:
<span class="animate-text"><i style="animation-delay: 0s;">"Persistence</i></span> <span class="animate-text"><i style="animation-delay: 0.05s;">guarantees</i></span> <span class="animate-text"><i style="animation-delay: 0.1s;">that</i></span> <span class="animate-text"><i style="animation-delay: 0.15s;">results</i></span> <span class="animate-text"><i style="animation-delay: 0.2s;">are</i></span> <span class="animate-text"><i style="animation-delay: 0.25s;">inevitable."</i></span>- Paramahansa Yogananda

Appreciate it,
Jenish

Screenshot of the issue.

Not an UI issue.

What browsers are you seeing the problem on?

No response

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

Yes, I want to fix it

Kindly explain, what is the issue or what bug do you want to be fixed?

I want to add different color to twitter logo or we can add new X logo

Screenshot of the issue.

What browsers are you seeing the problem on?

No response

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

Yes, I want to fix it

Description

Try to add new quotes with previous categories.
you dont have to get assigned for adding quotes.
and make sure to read the contribtion guideline

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read and understood the rules in the contribution guideline

Are you willing to work on this issue ?

None

those buttons are not quite eye catchy along with the back ground.
can you make it more cooler than this.

design idea is your. change whatever you want on those button.
but must follow the Rules first

Create an interactive share to Twitter button.
don't forget to add up the quote with it, so that the quote with author name, can be share to Twitter.

Description

Added a few quotes in the love category as they were comparatively less

Screenshots.

No response

Additional information

No response

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

None

Description

The "share with" option doesn't look very good. I would love to improve it's styling.

Screenshots

Additional information

No response

👀 Have you checked if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read and understood the rules in the contribution guideline

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

Description

In the contributors page,
we can make another text, which will refer to how many quotes they have added.
like "Contributed in 20 Quotes"
well not all of them added quote fixed bug, added feature,
so they can also have text of "Contributed in BugFix/Feature"

Screenshots.

Additional information

If Anyone interested in adding this feature.
Get assigned and get merged.

but what is important is read the contribution guideline

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

None

Description

The UX of the QuoteVerse will be improved if we add a copy to clipboard button (small icon) to directly copy the quote.

There is another option too: Instead of adding a button, the text will be copied to the clipboard automatically if the user clicks within the Quote.

Let me know which is the best option and if any further details are required!

Thanks,
Jenish

Screenshots.

No response

Additional information

No response

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

Description

Hello sir, If you will assign me this task then I can redesign the home UI.

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read and understood the rules in the contribution guideline

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

the theme changer radio buttons are intended to change the background color of container element but their displayed color and the color they change are different.

Screenshot:🔴mandatory

Conditions check:

• i have read the contribution guideline

• i am sure, this issue is not raised before.

• i will try to do fix the bug properly.

this are not clickable.
your work is to make them clickable in such way that, when any user click on any of the contributor,
it will take the user to that contributors profile.

but make sure to start the repository and read the rules

Description

hey @Shariar-Hasan
I want to expand the database of quotes
Adding more quotes in each categories
This will help the Program to generate more random quotes
Thank you

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read and understood the rules in the contribution guideline

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

Kindly explain, what is the issue or what bug do you want to be fixed?

I want to contribute in fixing this bug on this Repo under hacktoberfest label.

Bugs to be fixed:

• Align the share buttons horizontally
• Align the quotes text with share buttons when horizontally aligned

Screenshot of the issue.

Original:

What browsers are you seeing the problem on?

No response

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

Yes, I want to fix it

Description

• Just wanted to add the missing favicon in the site
• check the screenshot below

Screenshots

Additional information

No response

👀 Have you checked if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read and understood the rules in the contribution guideline

Are you willing to work on this issue ?

Yes I already submit a PR! on this , do check #111

Description

I would like to suggest of adding a toaster when a new quote is generated have implemented it and have attached the video how it will look on the website if any changes needed do tell me

Screenshots.

Video below shows how the page responds when we generate a new quote

Additional information

No response

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

What bug do you want to be fixed?: the background in the page resizes every time the a new quote is generated. When quotes are small in length, this behavior is noticed and doesn't feel good.

Screenshot:🔴mandatory

Conditions check:

• i have read the contribution guideline

• i am sure, this issue is not raised before.

• i will try to do fix the bug properly.

What do you want to change?

Add a back button to go back to the quotes page from the contributors page

Screenshot (if You want)

Conditions check:

• i have read the contribution guideline

• i am sure, this issue is not raised before.

• i will try to do Implement the feature properly.

Description

if you have a idea of more good looking desing than tha, you can get a screen shot of your idea in the comment,
if it is good enough, we will assign you for the contribbution.
make sure to read the contribution guideline

Screenshots.

Additional information

No response

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

None

Description

I want to Improve the UI of the buttons section
can you please assign it to me ?

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read and understood the rules in the contribution guideline

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

Description

We can only copy the quote as text or share it as text, as of now.

To make Quote-Verse more user-friendly, we can add a download as image button. This button will download the quote as an image. It would be helpful as people can share those images on various platforms or simply save the image on their device.

Screenshots.

No response

Additional information

No response

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

Kindly explain, what is the issue or what bug do you want to be fixed?

Can I add a prettier config file to the project?
While I was working on adding a feature in this project I saw that my code formatter changed the entire file's formatting when adding a few quotes at the bottom of the file. The formatting methods used by other people depend on their requirements. Since, many people are contributing to this project it would be handy to have a prettier config file so that the editor can pick up the local configuration and work accordingly.

Screenshot of the issue.

You can see that some of the code contains quoted("") objects while most of the code doesn't.

Whereas adding a prettier config makes the code more maintainable

What browsers are you seeing the problem on?

Google Chrome

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

Yes, I want to fix it

I want to bring up this issue as i cant' see the share options on color change. this will be fixed in two ways

1)Using neutral colors.
2)Using a background color for that share-button's box.

Screenshot of the issue.

What browsers are you seeing the problem on?

No response

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

Yes, I want to fix it

Description

hey @Shariar-Hasan
While I was scrolling through the Quotes.js file, I found duplicate quotes uploaded by a lot of users. I can clean up the Quotes.js for the project so that there is a single instance of each quote.
Thank you!

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read and understood the rules in the contribution guideline

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

The current UI is not so attractive, we can add new styles and some some formatting

Add share button to share quotes in Twitter, Facebook or any other platform

Kindly explain, what is the issue or what bug do you want to be fixed?

After the page is fully loaded,
when ever any user hover on facebook share button.
the button reanimate,
we want any one to remove that reanimation .

make sure to read the contribution rules.

Screenshot of the issue.

What browsers are you seeing the problem on?

No response

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

None

Kindly explain, what is the issue or what bug do you want to be fixed?

I want to add perhaps pagination to the contributor's page and show all of the contributors of the repo.

Screenshot of the issue.

What browsers are you seeing the problem on?

Google Chrome

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

Yes, I want to fix it

Description

make an animation such as:
the added by section will pop up from the back side of the generate quote button.

dont use any thirt party package or library for the animation,
use your raw css skill to do it.

Screenshots.

Additional information

No response

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

None

Description

I would like to contribute inspirational quotes to this Repo under hacktoberfest label.
Kindly assign the issue to me.
Thanks,
Tanushree A

Screenshots.

No response

Additional information

No response

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

Kindly explain, what is the issue or what bug do you want to be fixed?

The color of Added by is not being seen correctly.
can anyone fix this?
screen shot given below.
you just have to change the link color compatible with all the bg color.

like: if the bg is dark type color, choose text color as light color.

Screenshot of the issue.

What browsers are you seeing the problem on?

No response

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

None

when the window is resized the div containing "generate-quote and random..." buttons gets resized unevenly. also it's inner elements are not well behaved on resizing.

Screenshot:🔴mandatory

Conditions check:

• i have read the contribution guideline

• i am sure, this issue is not raised before.

• i will try to do fix the bug properly.

Adding a WhatsApp share button can allow users to share the quote and link of QuoteVerse with other people.

Would really appreciate it if you assign me this issue under Hacktoberfest 2023.

Description

The share button still has Twitter's old logo on it which is obviously outdated. Kindly assign me and I can update it to the new logo.

Screenshots

Additional information

No response

👀 Have you checked if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read and understood the rules in the contribution guideline

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

Hi, I want to add some more quotes under hacktoberfast.
Can you assign me this with hacktoberfast level.

Description

Nothing big , I observe that there is no name or heading of the platform on the software

Screenshots.

Additional information

No response

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

Try to add new features in the project.

Show contributor list as aligned center below the container box.
if you have better idea to show them,
do it , we will review.

Kindly explain, what is the issue or what bug do you want to be fixed?

Greetings,

As I explained in yesterday's bug, Following the integration of the animation code with the quote, there was a modification in the DOM structure of the quote body. Previously, it comprised a single element, whereas now each word is encapsulated within an individual HTML element. Consequently, when selecting the quote text, it no longer selects the quote text. This is a minor issue that I can address. Kindly assign it to me, and I will take care of the fix.

Expected:
On clicking on WhatsApp icon, it should open WhatsApp sharing with the following quote text and author name
"Persistence guarantees that results are inevitable."- Paramahansa Yogananda

Behaving:
Nothing happens when I click on the Whatsapp icon.

Appreciate it,
Jenish

Screenshot of the issue.

Not a UI issue.

What browsers are you seeing the problem on?

No response

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

Yes, I want to fix it

Description

Enhancement request to alphabetically order quote categories, keeping "random" as the first option for improved user navigation.

Screenshots.

Additional information

No response

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

What bug do you want to be fixed?:

The bug that I want to be fixed is related to the container element flickering when the text size changes, causing an inconsistent visual experience.

Screenshot:🔴mandatory

Conditions check:

• i have read the contribution guideline

• i am sure, this issue is not raised before.

• i will try to do fix the bug properly.

Description

In the main page adding the Hover effect for the {See all Contributors} button would look good and help maintain consistency over the enter web page and same for {Click to contribute} button.

Screenshots.

Additional information

No response

Code of Conduct

• i have read the contribution guideline
• I checked and didn't find similar issue

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

Kindly explain, what is the issue or what bug do you want to be fixed?

In the QuoteVerse collection, the 'Generate' button is currently non-functional. When clicking on the 'Generate' button, the quotes are not being generated as intended. I propose to resolve this issue by fixing the functionality of the 'Generate' button to display quotes effectively.

Screenshot of the issue.

What browsers are you seeing the problem on?

Microsoft Edge

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

Yes, I want to fix it

Kindly explain, what is the issue or what bug do you want to be fixed?

I want to improve user experience for mobile view.

The main problem I find in mobile view is

font size for quote author too small

The font for .quote-author is too small and very difficult to read on mobile view.

I would like to slightly increase the font by setting a min font size limit.

Also I think the mobile design can be slightly improved

For short quote the container doesn't take full viewport height or center itself horizontally

Either we can align the container to be horizontally centered or make the container take the full mobile viewport height
For full viewport height, we can set the min height to be 100vh so that it takes full height by default and if the quote is really long, then the container can expand longer than the screen height to fit the long quote

If you assign this task to me then I can fix both or just the font size problem depending on what you want.

Screenshot of the issue.

proposed solutions

on aligning horizontally

on taking full height

What browsers are you seeing the problem on?

No response

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

Yes, I want to fix it

Kindly explain, what is the issue or what bug do you want to be fixed?

I want anyone to solve this issue.
there is a gap between both the buttons.
can anyone make the first one attached with the concroller button,
and second one with the first one.
if you do want, get assigned and make a PR

Screenshot of the issue.

What browsers are you seeing the problem on?

No response

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

None

Kindly explain, what is the issue or what bug do you want to be fixed?

I want to add an option to go back to the white background color that appears at the start of the page.

Screenshot of the issue.

What browsers are you seeing the problem on?

Google Chrome

Code of Conduct

• i have read the contribution guideline
• i am sure, this issue is not raised before.

Do you want to fix the issue?

Yes, I want to fix it

Description

I just looked for quotes under the Art category and found that it's just single quote. I would like to add some quotes under this category.

Screenshots

No response

Additional information

No response

👀 Have you checked if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read and understood the rules in the contribution guideline

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

Create an interactive share to Facebook button.
don't forget to add up the quote with it, so that the quote with author name, can be share to fakebook.