Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Chaotic Feat: Added Rate Us Feature #207

Merged
merged 3 commits into from
Oct 31, 2024
Merged

Chaotic Feat: Added Rate Us Feature #207

merged 3 commits into from
Oct 31, 2024

Conversation

Yash8077
Copy link
Contributor

Description

This pull request introduces the RateUs component, enhancing user engagement through a feedback mechanism. Below is a summary of the changes made:

Changes Made

  • RateUs Component:

    • User Feedback Interface: Implemented a textarea for users to leave comments and a star rating display for feedback.
    • Bouncing Animation: Added a bouncing animation to the RateUs component, drawing user attention to the feedback form.
    • Redirect on Submission: Integrated functionality to redirect users back to the home page after submitting their feedback using useNavigate.

  • CSS Enhancements:

    • Dedicated Styling: Created a CSS file (RateUs.css) for styling the RateUs component, ensuring a clean and visually appealing layout.
    • Prevent Vertical Scrolling: Configured the .rate-us-container to disable vertical scrolling specifically on the /rateus page, maintaining user focus.

Testing

  • Functionality: Verified that the bouncing animation works as intended and does not interfere with user input.
  • Submission Redirect: Confirmed that users are successfully redirected to the home page after submitting a comment.
  • Responsive Design: Ensured the component functions correctly across various screen sizes and maintains usability.

Related Issues

Preview

ChaNtic.TitDe.-.Google.Chrome.2024-10-31.14-42-10.mp4

@vercel Vercel
Copy link

vercel bot commented Oct 31, 2024 •
edited
Loading

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

Name Status Preview Comments Updated (UTC)
chaos-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 31, 2024 9:42am

@github-actions GitHub Actions
Copy link
Contributor

Thank you for submitting your chaotic pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

github-actions[bot]
github-actions bot reviewed Oct 31, 2024
View reviewed changes
Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉 Thanks @Yash8077! Your pull request has added more chaos to ChaosWeb. We’ll review it shortly. Keep breaking the rules! 🚀

@vansh-codes vansh-codes added enhancement New feature or request gssoc-ext GSSOC'24 Extd Participant level2 awards 25 points hacktoberfest-accepted hacktoberfest accepted chaos Chaotic update Reactv2 Implementing in React labels Oct 31, 2024
@vansh-codes vansh-codes merged commit 244fcd6 into vansh-codes:main Oct 31, 2024
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@github-actions github-actions[bot] github-actions[bot] left review comments

@vansh-codes vansh-codes vansh-codes approved these changes

Assignees
No one assigned
Labels
chaos Chaotic update enhancement New feature or request gssoc-ext GSSOC'24 Extd Participant hacktoberfest-accepted hacktoberfest accepted level2 awards 25 points Reactv2 Implementing in React
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

Chaotic Feat:ADDING RATE US FEATURE
2 participants
@Yash8077 @vansh-codes