a global wishlist context, a dedicated wishlist page with styling, responsivenessand functionality, and a functional wishlist button on the dishes page

[ShivanshPlays]

PR Description

Overview

This PR introduces a global wishlist context, a dedicated wishlist page with styling and responsiveness, and a functional wishlist button on the dishes page. Users can now add items to their wishlist, view them on a separate wishlist page, and experience a responsive and visually appealing UI.

Changes Made

• Global Wishlist Context: Created a global context to manage wishlist items across the application, allowing for a seamless experience when adding, viewing, or removing items.
• Wishlist Page:
  • Design: Implemented a dedicated wishlist page with a responsive grid layout for different screen sizes, enhancing the user experience.
  • Styling: Added custom styles to match the app's theme, including an eye-catching background image with an overlay and consistent color scheme for dark and light modes.
  • Empty State Handling: Displayed a message and "Continue Shopping" button when the wishlist is empty to guide users.
• Wishlist Button on Dishes Page:
  • Made the wishlist button on each dish functional, allowing users to add/remove items with visual feedback.
  • Integrated the button with the global wishlist context to reflect real-time updates across the app.

Additional Notes

• Toaster Notifications: Integrated toaster notifications to provide feedback on user actions (e.g., item added to wishlist).
• Spinner for Loading: Added a spinner on the wishlist page for loading states, improving the user experience during data fetches.

Testing

• Verified that the wishlist button on the dishes page successfully adds/removes items in the global context.
• Tested the wishlist page across multiple devices to ensure responsiveness and styling consistency.
• Confirmed that the wishlist state persists between page navigations and updates correctly.

PR3 #242

1.mp4

[github-actions]

🚀 Thank you for contributing to this project, your support is much appreciated.

Stay awesome! 😎