Ensure the image upload process is optimized for performance and usability. This includes compressing images to reduce file size without compromising quality, implementing a progress bar for upload feedback, and validating file types and sizes before uploading.
Tasks:
Use libraries like sharp (backend) or react-image-file-resizer (frontend) to compress images.
Add a progress indicator during the upload process.
Validate supported formats (e.g., JPEG, PNG) and restrict file sizes to under 5MB.
Store compressed images for faster retrieval and display.
Ensure the image upload process is optimized for performance and usability. This includes compressing images to reduce file size without compromising quality, implementing a progress bar for upload feedback, and validating file types and sizes before uploading.
Tasks: