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 styling and custom alert to Age Calculator #571

Merged
merged 3 commits into from
Feb 8, 2024
Merged

Added styling and custom alert to Age Calculator #571

merged 3 commits into from
Feb 8, 2024

Conversation

Nikitakandwal
Copy link
Contributor

@Nikitakandwal Nikitakandwal commented Feb 7, 2024

Fixes Issue🛠️

Closes #569

Description👨‍💻

  1. Added animation styles to Age Calculator title.
  2. Set a default valid age to avoid any errors in the first go.
  3. Added custom alerts
  4. Added alerts for negative age too.
  5. Added shadows and hover styling to main container for age calculator
  6. Added a favicon for Age Calculator page

Type of change📄

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

How this has been tested✅

Edge Web Browser and Chrome Browser on local machine.

Checklist✅

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

Screenshots/GIF📷

Screenshot 2024-02-08 015912

Untitled video - Made with Clipchamp

Copy link

netlify bot commented Feb 7, 2024

Deploy Preview for calcdiverse ready!

Name Link
🔨 Latest commit 7f8ab00
🔍 Latest deploy log https://app.netlify.com/sites/calcdiverse/deploys/65c524d8d6e35f00074b5480
😎 Deploy Preview https://deploy-preview-571--calcdiverse.netlify.app/calculators/age-calculator/age-calculator
📱 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.

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 @Nikitakandwal, 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!! ✨

@Rakesh9100 Rakesh9100 changed the title added styling and custom alerts Added styling and custom alert to Age Calculator Feb 8, 2024
@Rakesh9100
Copy link
Owner

Merged, Congrats on getting your PR merged to this repo under SWOC S4 🎉🎉 @Nikitakandwal

@Rakesh9100 Rakesh9100 merged commit 25bfe10 into Rakesh9100:main Feb 8, 2024
4 checks passed
@Rakesh9100 Rakesh9100 added Completed 🥳 PR successfully merged and issue resolved on completion SWOC S4 SWOC Open Source Program Easy IWOC2k24 (10 Points) ✨, JWOC2k24 (1 Point) 🎉, SWOC2k24 Level-1 (20 Points) 💫 labels Feb 8, 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 Easy IWOC2k24 (10 Points) ✨, JWOC2k24 (1 Point) 🎉, SWOC2k24 Level-1 (20 Points) 💫 SWOC S4 SWOC Open Source Program
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Style] Enhance and add custom alert to Age Calculator
2 participants