Add Motivational Quote Generator Feature #754
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
@snehas-05 show demo video |
Snapchat-1814846808.mp4This is the demo video. I would request you to kindly consider it and provide me the necessary labels along with a level-2 badge. I will be grateful |
|
@vishal02527 ?? |
|
@vishal02527 ??? |
|
@snehas-05 There is nothing near this quote box, where did you add this feature in the website. it is looking external. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Issue number #676
This pull request implements a Motivational Quote Generator feature on the website. The feature aims to inspire users with a fresh motivational quote each time they visit the page or click a button, enhancing user engagement and creating a positive atmosphere. Below are the key details of the implementation:
Key Features
Random Quote Selection: A list of motivational quotes is pre-defined in JavaScript.
Each time the page is refreshed or the "New Quote" button is clicked, a random quote is displayed.
User Interaction: A "New Quote" button allows users to generate a new motivational quote dynamically without a page reload.
Enhanced Visual Design: Responsive Layout: The quote section is styled to be fully responsive, working seamlessly across desktops, tablets, and mobile devices.
Button Hover Effects: The "New Quote" button includes color transitions and a scale effect for a more interactive experience.
Quote Fade-In Animation: Each new quote appears with a fade-in effect, creating smooth transitions.
Aesthetic Alignment: Colors, fonts, and layout are chosen to match the website's theme, providing a cohesive and visually pleasing experience.
Responsiveness: The feature adjusts to various screen sizes and remains functional on smaller devices, ensuring consistent usability.
Benefits
Increased User Engagement: Encourages users to interact with the feature, potentially increasing the time they spend on the site.
Enhanced User Experience: Adds motivational value to the site, aligning well with the platform’s positive messaging.
This PR introduces an interactive Motivational Quote Generator feature that dynamically loads content and includes various visual enhancements. Please review its responsiveness, alignment with the website's theme, and smoothness of transitions. Since this feature impacts the overall look and interactivity, testing across devices and browsers is recommended to ensure consistency and cohesion with the existing design. Feedback on color scheme or additional style adjustments is welcome to further refine the user experience.