Added Shaking Effect & fixes other problems

[sanketshinde3001]

Fixes Issue🛠️

Closes #18

Description👨‍💻

There are lots of issues i face during modification of this project. Suggections.. Don't use submit button/forms in such projects bcz it's by default behavior is to reload page when we click on it. Instead use type="button".

When i deploy project in laptop and added shaking effect . When i click button , instead of shaking animation , it reload page every time. so need to use "prevent.default()" every time. After adding it, shaking effect start working & works only once per reload. Don't know reason for this.

another issue- you make list of quotes , every reload , it select random quote and show it. But it only show in console not on screen. This issue also fixed.

I don't know if this issue taken by some one or not , but without solving these issues i can't move forward. Please review this PR and found any problem then plz reply ..

Type of change📄

• [x] New feature (non-breaking change which adds functionality)
• [ x] Bug Fixes

How this has been tested✅

• Firstly on local host

And it's working fine ✅

Checklist✅

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have added demonstration in the form of GIF/video file
• [x] I am an Open Source Contributor

Screenshots/GIF📷

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
geeta-gpt-6rau	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 4, 2024 5:08am
geeta-gpt-v671	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 4, 2024 5:08am