UI Enhancement: Replace Default Browser Notifications with Themed Toast Notifications

[Prakshil]

Issue Description

While testing the application, I noticed that the project currently uses default browser alert/modals for notifications instead of modern toast notifications. This breaks the overall UI consistency and affects user experience.

Issues Observed

• Default browser alert/modal notifications are being used.
• Notifications do not match the project’s UI theme.
• Browser alerts feel outdated and interrupt user interaction flow.
• Lack of smooth transitions and modern feedback experience.
• Expected Improvements
• Replace default browser alerts with modern toast notifications.
• Implement themed toast notifications matching the existing UI design.
• Add smooth animations and proper positioning for notifications.
• Improve overall user interaction and feedback experience.
• Possible Implementation.

Integrate libraries such as:

1. React Hot Toast
2. Sonner
3. React Toastify

I would like to work on this issue under GSSOC'26 and improve the notification experience and UI consistency of the project. 🚀

[raziabegum705]

"Hi @Charushi06 I'd like to work on this issue! GSSoC 2026 Contributor ✅ Please assign this issue to me. Thank you!"

[HemaRamachandran28]

Hi @Charushi06

I would like to work on this issue under GSSOC'26.

I noticed that the project currently uses default browser alerts/modals for notifications, which affects the UI consistency and overall user experience. I can improve this by replacing them with modern toast notifications that better match the existing design system.

Planned improvements:

• Replace default browser alerts with modern toast notifications
• Maintain consistent UI/theme styling
• Add smooth animations and better positioning
• Improve non-intrusive user feedback experience
• Ensure responsiveness and accessibility

I am planning to use a modern notification library such as React Hot Toast / Sonner / React Toastify based on the project structure and compatibility.

Looking forward to contributing

[mahi0097]

Hi @Charushi06 I'd like to work on this issue! GSSoC 2026 Contributor Please assign this issue to me.

[khushirawat11]

hi @Charushi06

I’d like to work on this issue under GSSoC’26.

My approach would be:
• Identify all places where default browser alerts/modals are currently being used
• Replace them with modern toast notifications for better UX
• Integrate a library like Sonner/React Hot Toast based on project compatibility
• Ensure notifications match the project’s UI theme
• Add smooth animations and proper positioning for better user interaction
• Test success, error, and warning notification scenarios

This will improve UI consistency and provide a smoother notification experience for users.

Please assign this issue to me if available. Thank you!

[Charushi06]

Assigned @Prakshil

[Prakshil]

I have successfully Implemented the Toast Notifications and updated the documentation as per the changed done . Please review it and merge it @Charushi06 .

Thank you .

[Prakshil]

Hey @Charushi06 please merge this . I Have already raise a PR for the same .