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.

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

Added character count field in Contact page #1705

Merged
merged 6 commits into from
Jul 30, 2024

Conversation

Vaishnavigunti2801
Copy link
Contributor

@Vaishnavigunti2801 Vaishnavigunti2801 commented Jul 27, 2024

Fixes Issue🛠️

Closes #1704

Description👨‍💻

I added a new feature, In Contact Us page when the user enters a message then the characters will be counted. When the characters are less than 50 the message will be red and when the number of characters are greater than are equal to 50 the message color change to green.

Type of Change📄

  • New feature (non-breaking change which adds functionality)

Checklist✅

  • I am an Open Source contributor
  • I have performed a self-review of my code
  • My code follows the style guidelines of this project

Screenshots/GIF📷

Before:

image

After:

image
image
image

Copy link

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

Hey @Vaishnavigunti2801, Welcome to the project CalcDiverse! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

@Vaishnavigunti2801
Copy link
Contributor Author

@Rakesh9100
Please check my work.
Thank You.

@Rakesh9100 Rakesh9100 added the question 🤔 Further information is requested label Jul 30, 2024
Copy link

netlify bot commented Jul 30, 2024

Deploy Preview for calcdiverse ready!

Name Link
🔨 Latest commit 374c745
🔍 Latest deploy log https://app.netlify.com/sites/calcdiverse/deploys/66a953d7262d1500085fd991
😎 Deploy Preview https://deploy-preview-1705--calcdiverse.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@Rakesh9100
Copy link
Owner

We already have the alert saying Your message must be at least 50 characters long., why do we need this extra count feature @Vaishnavigunti2801

@Vaishnavigunti2801
Copy link
Contributor Author

@Rakesh9100
By adding a feature like counting message makes user easily understand the characters limit reached or not . If it is not there user always have to check whether the message is 50 characters long or not by clicking on submit button. I added a color feature to the message count in which if the count is less than 50 it is marked with red otherwise green which makes user comfortable to check the limit.

@Rakesh9100 Rakesh9100 changed the title Added new Feature which counts characters in Contact Us page when message entered. Added character count field in Contact page Jul 30, 2024
@Rakesh9100 Rakesh9100 merged commit 5ad9bbf into Rakesh9100:main Jul 30, 2024
4 checks passed
Copy link

Congrats, Your pull request has been successfully merged 🥳🎉 Thank you for your contribution to my project 🚀 Keep Contributing!! ✨ @Vaishnavigunti2801

@Rakesh9100 Rakesh9100 added Completed 🥳 PR successfully merged and issue resolved on completion gssoc GSSoC 2k24 Open Source Program level2 GSSoC2k24 Level-2 Task -- 25 Points and removed question 🤔 Further information is requested labels Jul 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Completed 🥳 PR successfully merged and issue resolved on completion gssoc GSSoC 2k24 Open Source Program level2 GSSoC2k24 Level-2 Task -- 25 Points
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature] Add character count field in Contact page
2 participants