Feat: ✨ UI Enhancements , 🐞 Bug fixes and Code Improvements

anuragverma108 / SwapReads

This repository is officially part of GirlScript Summer of Code 2024 Extended Edition! SwapReads.com is the go-to online platform for book lovers to connect, swap their favorite reads, and dive into exciting literary journeys.

https://swapreadsconnect.netlify.app/

MIT License

345 stars 747 forks source link

Feat: ✨ UI Enhancements , 🐞 Bug fixes and Code Improvements #4435

Closed Sanchita76 closed 2 hours ago

Sanchita76 commented 2 hours ago

Describe the feature

Proposed Solutions to UI Enhancement

UI and Styling:

Updated the background color to a softer tone (#f4f4f9) and set a white background for the container. Added shadows to the container and button for a more modern feel. Used the Google Font "Roboto" for a cleaner appearance. Added a more prominent hover effect on the button.

Accessibility:

Added aria-label for the translate button and aria-live="polite" to announce the translated text to screen readers. Loading Indicator:

Show a "Translating..." indicator while translation is in progress.
Error Handling: Displays an error message if translation fails.

Add ScreenShots

Relevant Proof

Record

[X] I agree to follow this project's Code of Conduct
[X] I'm a GSSOC'24 contributor
[X] I want to work on this issue

github-actions[bot] commented 2 hours ago

Thank you for creating this issue! 🎉 Your issue will soon be reviewed by either the PA or a mentor. Please note that Level 1 is temporary and can be changed during the review. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

github-actions[bot] commented 2 hours ago

Thanks for creating the issue in SwapReads! Before you start working on your PR, please make sure to:

⭐ Star the repository if you haven't already.
Pull the latest changes to avoid any merge conflicts.
Attach before & after screenshots in your PR for clarity.
- Include the issue number in your PR description for better tracking. Don't forget to follow @anuragverma108 – Project Admin – for more updates!
We're excited to see your contribution as part of GSSOC Extended Edition 2024 and Hacktoberfest! 🎉
Happy open-source contributing!

abhi03ruchi commented 2 hours ago

which page do u want to update ? be specific .

explain clearly what issue u want to resolve . add relevant screenshots or demo video of the website .

github-actions[bot] commented 2 hours ago

Hello @Sanchita76! Your issue #4435 has been closed. Thank you for your contribution!