Skip to content

Fix UI consistency, accessibility, and hover interactions in Day 64 Zomato Clone#7272

Open
Vishee02 wants to merge 2 commits into
dhairyagothi:Mainfrom
Vishee02:fix-zomato-ui
Open

Fix UI consistency, accessibility, and hover interactions in Day 64 Zomato Clone#7272
Vishee02 wants to merge 2 commits into
dhairyagothi:Mainfrom
Vishee02:fix-zomato-ui

Conversation

@Vishee02
Copy link
Copy Markdown
Contributor

@Vishee02 Vishee02 commented Jun 7, 2026

📝 Pull Request Description

Related Issue

Closes #5991

Summary

Improved UI consistency and user experience in the Day 64 Zomato Clone project by enhancing hover interactions, search bar focus states, accessibility, and overall visual polish.

Type of Change

  • 🐛 Bug fix (non-breaking change which fixes an issue)
  • ✨ New project addition
  • 🚀 New feature or UI/UX enhancement
  • ♻️ Code refactoring / clean-up
  • 📝 Documentation update
  • ⚙️ GitHub Workflow automation or DX improvements

🛠️ Changes Made

  • Added hover effects for option cards, collection cards, and locality cards.
  • Improved search bar focus styling for better user interaction.
  • Enhanced accordion hover feedback.
  • Added accessibility labels (aria-label) to search and location inputs.
  • Improved footer links and social icon interactions.
  • Fixed text typo in the Explore section.
  • Refined overall UI consistency and responsiveness.

🧪 Testing and Verification

Local Validation

  • I have run node scripts/validateProjects.js locally and it passed with zero errors.

Browser Compatibility Check

  • Tested and verified in Google Chrome
  • Tested and verified in Mozilla Firefox
  • Tested and verified in Safari / Microsoft Edge

Responsive & Accessibility Checks

  • Verified responsive layout on Mobile viewports (using DevTools)
  • Verified responsive layout on Tablet viewports
  • Keyboard navigation and focus outlines checked
  • Semantic HTML and ARIA labels checked

📷 Screenshots / Video Recording

image image

🤝 Contributor Checklist

  • My code follows the code 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 updated the documentation / README files accordingly.
  • My changes generate no new warnings or console errors.
  • There are no unrelated changes or formatter noise in this PR.

@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 7, 2026

@Vishee02 is attempting to deploy a commit to the Dhairya Gothi 's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 7, 2026

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! 😊

@Vishee02
Copy link
Copy Markdown
Contributor Author

Vishee02 commented Jun 7, 2026

Completed the assigned task.

PR: #7272

Kindly review it. Thank you.

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.

[Bug]: Improve UI consistency, responsiveness, and accessibility in Day 64 – Zomato Clone

1 participant