ayushi-ras commented 9 months ago

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:

Change the font style to italic.
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

DarkSoul26 commented 9 months ago

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

ayushi-ras commented 9 months ago

sure working on it

DarkSoul26 commented 9 months ago

Assign it to me please

rituraj12797 commented 9 months ago

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

pabitra0011 commented 9 months ago

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

AckermanLevi1 commented 9 months ago

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

sanathanrao commented 9 months ago

@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.

ayushi-ras commented 9 months ago

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

atmaram-kambli commented 9 months ago

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

NitkarshChourasia commented 9 months ago

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: @.***>

Kedarnath-Rothe commented 9 months ago

Please assign this issue to me

thinkswell / javascript-mini-projects

Random Quote Generator #654

Develop a Javascript {Random Quote Generator} app.

Description 📜

Requirements 🛠️