Medium

Simple Image Uploader

When you are ready to showcase your work and gather feedback, start the challenge.

Requirements

  • Implement a user-friendly interface that allows users to upload images.
  • Users should be able to upload images in JPG, PNG, or GIF format, with a maximum file size of 2MB.
  • Include drag-and-drop functionality for image uploads.
  • Provide an option for users to browse and select an image file for upload.
  • Display a loading indicator while the image is being uploaded.
  • Once the upload is successful, display the uploaded image.
  • Provide a 'Share' button to copy the image URL to the clipboard.
  • Provide a 'Download' button to download the uploaded image.

Notes

  • Focus on creating a clean and intuitive user interface.
  • Ensure that the application handles errors gracefully, such as unsupported file types or files exceeding the size limit.
  • Consider using a backend service to handle image uploads and storage.

Suggested Resources

  1. Firebase Storage - A simple way to store and retrieve image files.
  2. AWS S3 - Scalable storage for image uploads.
  3. Cloudinary - A comprehensive image management solution.

Recent Submissions

    Be the first to submit a solution.