added Image functionality

[ShivanshPlays]

Pull Request: Image Upload Functionality

Overview

This pull request introduces image upload functionality to the website, enhancing the user experience by allowing vendors to add images to their dishes. The implementation includes schema modifications, the integration of Cloudinary for image storage, a reusable image uploader component, and updates to the global state management and backend action for posting dishes.

Changes Made

1. Image Upload Functionality

• Implemented a new feature that allows users to upload images for their dishes directly through the UI.

2. Schema Updates

• Modified the Dish model to include an images array, establishing a relationship with the Image model. This allows each Dish to have multiple associated images.

3. Cloudinary Integration

• Set up Cloudinary in the project to handle image uploads and storage efficiently.
• Updated the Next.js configuration (next.config.js) to include necessary Cloudinary settings for seamless integration.

4. Reusable Image Uploader Component

• Developed a reusable image uploader component that can be utilized across different parts of the application, promoting consistency and reducing code duplication.

5. Global State Modifications

• Updated the global state management of the form to accommodate the image uploading feature. This ensures that the images are properly tracked in the application's state.

6. Backend Action Adjustments

• Modified the backend action for posting dishes to handle the upload of images alongside other Dish data. This ensures that images are correctly associated with their respective dishes in the database.

7. New Form Page with Image Uploader

• Added a new page in the Dish form specifically for the image uploader component, providing a dedicated space for users to upload images for their dishes.

Testing

• Thoroughly tested the image upload functionality, ensuring that images are uploaded to Cloudinary and correctly associated with the dishes in the database.

Conclusion

This enhancement significantly improves the new Dish submission process, making it easier for vendors to add visual content to their dishes, thereby improving the overall user experience on the platform.

PS: I have also pushed a well descriptive .env.example so that other contributors can setup the project easily

closes #241

[github-actions]

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

Stay awesome! 😎