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

✨ feat(ui): Enhance UI/UX with accessibility improvements #117

Closed

Conversation

Swayam-code
Copy link

Fixes the issue and closes #109

This PR adds several UI/UX improvements to enhance user experience:

Added

  • Loading spinners for better user feedback during async operations
  • Tooltips for all customization options to guide users
  • Responsive design improvements for better mobile experience
  • Better error handling and validation for image URLs
  • New reusable components:
    • Spinner.jsx for loading states
    • Tooltip.jsx for user guidance

Changed

  • Improved form layout and organization
  • Enhanced button styling with hover effects
  • Better error messages using toast notifications
  • More intuitive interface with clear visual hierarchy

Fixed

  • Mobile responsiveness issues
  • Image loading error handling
  • Form validation feedback

- Add ARIA labels and roles to components
- Implement keyboard navigation support
- Add screen reader-friendly descriptions
- Improve form control accessibility
- Remove unnecessary test files
- Add loading spinners for better user feedback
- Implement tooltips for all customization options
- Improve responsive design and mobile layout
- Add better error handling and validation
- Create reusable Spinner and Tooltip components
Copy link

vercel bot commented Jan 8, 2025

@Swayam-code is attempting to deploy a commit to the vansh-codes1's projects Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Contributor

github-actions bot commented Jan 8, 2025

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

Copy link
Owner

@vansh-codes vansh-codes left a comment

Choose a reason for hiding this comment

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

Same PR as #116

Waiting for your explanation on this or I will be closing this PR without merging

Copy link
Owner

Choose a reason for hiding this comment

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

File repeated from PR #115
Remove from this PR

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Feature Request: UI/UX Improvements for Badge Maker Tool
2 participants