feat: Implement social sharing, copy-to-clipboard, dynamic background…

[Aerospace-prog]

Description

This pull request introduces significant enhancements to the "Random Quote Generator" project, focusing on improving user experience, interactivity, and visual appeal.

Features Implemented:

• Social Media Sharing: Added dedicated buttons for sharing quotes on Twitter and Facebook, allowing users to easily disseminate inspiring content.
• Copy to Clipboard: Implemented a "Copy Quote" button for quick and convenient copying of the current quote to the user's clipboard.
• Dynamic Backgrounds: Integrated an animated gradient background that provides a modern and vibrant aesthetic.
• Smooth Transitions: Enhanced the user interface with smooth fade-in and fade-out transitions when fetching new quotes, creating a more engaging experience.
• Interactive Buttons: Applied interactive hover effects and vibrant styling to all buttons, including "New Quote," social media sharing, and copy-to-clipboard, for improved visual feedback.
• Vibrant Color Palettes: Utilized a bold and modern color scheme throughout the application to create a visually appealing and energetic interface.
• Typography Enhancements: Selected eye-catching fonts for both the quote text and author, improving readability and overall design.
• Responsive Animations: Ensured that all animations and interactive elements function seamlessly and maintain their visual integrity across various screen sizes and devices.

How to Test:

1. Clone the repository.
2. Navigate to the Random-Quote-Generator directory.
3. Open index.html in a web browser (preferably via a local server to avoid CORS issues).
4. Click the "New Quote" button to observe smooth transitions and new quotes.
5. Test the "Share on Twitter" and "Share on Facebook" buttons.
6. Verify the "Copy Quote" functionality.
7. Resize the browser window to check responsive design and animations.

These updates aim to make the "Random Quote Generator" more engaging, user-friendly, and visually appealing.

Closes

Fix : #68

@Tejas-Santosh-Nalawade