Skip to content

Example/Showcase of Image Upload UX/UI? #46

@nelsonic

Description

@nelsonic

Image uploading is a common feature in many web/mobile applications.

We are going to be using the Image Upload feature extensively in Time
to allow people to upload a photo showing evidence of their completed activity.
(if you cannot visualise the use-case of this, please comment in: dwyl/app#215)

Additionally there are several classes of applications where image uploading is relevant:

  • Dedicated Photo Sharing App (the obvious one)
  • Messaging/Chat (where "a picture is worth a thousand words") Look no further than SnapChat!
  • Personal/Company Finance & Accounting (Uploading Receipts)

By building a clearly-explained Image Upload example/tutorial with re-useable code,
we can help others get creative and spawn new Apps/Projects in the community.

Todo

  • Create an start-to-finish Image Upload Example
  • Deploy it to Heroku
  • Make the code generic and modular so that anyone can use it in their project.

Questions we need to ask/answer:

  • How do we secure our /upload endpoint to avoid people using it maliciously to upload undesirable images.
    • Can we restrict the Origin of the upload?
      • Can the Origin be spoofed by a command-line script?

I'm not saying that we are going to create an "image upload" product,
But the ability to upload files/images is a "standalone" feature that people pay for!
e.g: https://apps.shopify.com/uploadery
This is a feature that has real value to end-users so if we build something great
not only will the people using the @dwyl app find it useful,
the wider community will use it and help us to improve it!

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or enhancement of existing functionalityepicA feature idea that is large enough to require a sprint (5 days) or more and has smaller sub-issues.help wantedIf you can help make progress with this issue, please comment!priority-2Second highest priority, should be worked on as soon as the Priority-1 issues are finishedquestionA question needs to be answered before progress can be made on this issuestarterA beginner-friendly issue that is a good starting point for a new persontechnicalA technical issue that requires understanding of the code, infrastructure or dependencies

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions