javascript-mini-projects icon indicating copy to clipboard operation
javascript-mini-projects copied to clipboard

Published 20 hours ago • verified publisher icon thinkswell

Random Quote Generator

Open ayushi-ras opened this issue 1 year ago • 11 comments

Develop a Javascript {Random Quote Generator} app.

Description 📜

As a user of the Random Quote Generator, I've noticed that the current styling is quite basic. To improve the user experience, we should enhance the visual design. This issue is to track the work needed to achieve a more appealing and user-friendly design.

Requirements 🛠️

  • Apply a visually appealing background color.
  • Add padding and rounded corners to the quote container.
  • Add a box shadow for a subtle depth effect. Style the Quote Text:
  • Increase the font size for the quote text. -Apply a different font family for a more elegant look. Adjust the margin and line height for better readability.

Style the Author Text:

  1. Change the font style to italic.
  2. Adjust the color for better contrast.

Style the "New Quote" Button:

  • Change the background color to a more visually appealing one.
  • Adjust the text color for readability.
  • Add hover effects to make the button interactive.

Please assign me this @thinkswell

ayushi-ras avatar Oct 06 '23 19:10 ayushi-ras

Hey @ayushi-ras I would like to take look into this one

DarkSoul26 avatar Oct 06 '23 19:10 DarkSoul26

sure working on it

ayushi-ras avatar Oct 06 '23 19:10 ayushi-ras

Assign it to me please

DarkSoul26 avatar Oct 06 '23 19:10 DarkSoul26

@ayushi-ras i want to work on this issue please assign it to me.

rituraj12797 avatar Oct 06 '23 20:10 rituraj12797

Hey @thinkswell @ayushi-ras can I also work on this.

pabitra0011 avatar Oct 07 '23 19:10 pabitra0011

@thinkswell @ayushi-ras pr is made pls check Random Quote Generator Added #689

AckermanLevi1 avatar Oct 08 '23 02:10 AckermanLevi1

@ayushi-ras I have update the App. ✔Changed the font style to italic. ✔Adjusted the color for better contrast. ✔Added Hover effects. ✔Improved overall UI color, padding and margins.

sanathanrao avatar Oct 08 '23 16:10 sanathanrao

I am not the maintainer of this repo, I only raised the issue to get assigned to me

ayushi-ras avatar Oct 09 '23 17:10 ayushi-ras

Hey, I want to work on this repo, to add the feature of copying the quote to the clibboard

atmaram-kambli avatar Oct 09 '23 17:10 atmaram-kambli

I am contributor.

On Mon 9 Oct, 2023, 11:25 PM atmaram-kambli, @.***> wrote:

Hey, I want to work on this repo, to add the feature of copying the quote to the clibboard

— Reply to this email directly, view it on GitHub https://github.com/thinkswell/javascript-mini-projects/issues/654#issuecomment-1753424434, or unsubscribe https://github.com/notifications/unsubscribe-auth/AVTTXYEHZ3JM7CLKQV4ZGILX6Q3CJAVCNFSM6AAAAAA5WHRKMSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTONJTGQZDINBTGQ . You are receiving this because you are subscribed to this thread.Message ID: @.***>

NitkarshChourasia avatar Oct 09 '23 19:10 NitkarshChourasia

Please assign this issue to me

Kedarnath-Rothe avatar Oct 10 '23 15:10 Kedarnath-Rothe