Implement Create Dish Form Page on Vendor Dashboard

[ShivanshPlays]

Description

Issue: Implement Create Dish Form Page on Vendor Dashboard

Description

We need a dedicated form page in the Vendor dashboard that allows Vendors to create a new Dish. This page should be user-friendly, visually aligned with the current dashboard styling, and capable of handling all necessary inputs to submit a new Dish.

Requirements

1. Form Fields:

   • Title: Text input for the Dish title.
   • Description: Textarea for detailed information about the Dish.
   • Price: Numeric input for setting the Dish price.
   • Category: Dropdown menu with options
   • Tags: Multi select Dropdown menu with options
   • Images: File upload for adding images to the Dish, supporting multiple images.

2. Validation:

   • Client-side validation for required fields.
   • Clear error messages for incomplete or incorrect entries.

3. Submit Button:

   • A "Create Dish" button that initiates form submission and sends data to the backend.

4. Response Handling:

   • Display success notification on successful Dish creation.
   • Show error notifications for backend errors or incomplete submissions.

5. Styling:

   • Use the existing dashboard styling (e.g., Tailwind CSS) for consistency.

Additional Notes

• Ensure accessibility and responsive design.
• Error and success notifications should be implemented with existing UI components.

Acceptance Criteria

• A functional and accessible "Create Dish" form page on the Vendor dashboard.
• All required form fields are properly validated.
• Successful creation feedback or relevant error messages are displayed to the user.

Screenshots

Uploading 1.mp4…

closes #240

[github-actions]

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

Stay awesome! 😎