dwyl / dwyl/imgup

Chore: Re-do Landing Page - Remove All Non-essential

Open
#125 1 comment 1 reaction 0 assignees View on GitHub
chore enhancement needs-design priority-1 T2h tech-debt technical
Dominant language
Elixir
Stars
108
Forks
20
Avg merge
21h 46m
Merged PRs (30d)
4

Description

At present the landing page of the `imgup` app is:
image

Please try to remember:

# _Nobody_ Cares What Tech You're Using!

Yes, as an `engineer` you might care.
But the `person` _using_ the App doesn't care for a _millisecond_.
You're just _wasting_ their time with this noise.

The /liveview route: https://imgup.fly.dev/liveview is closer to what we want:
image

But it's still cluttered and not mobile-first/focussed:
image

The name of the file I want to upload is below the fold, i.e. I have to scroll to see it.

image

And there's a pointless `Upload` button that adds friction/steps to the process.
Uploading should be automatic.

# Todo

+ [ ] Remove the option for multiple ways to upload and just
+ [ ] Show a single upload landing page with an upload interface
+ [ ] Remove the "Upload" button
+ [ ] Automatically trigger upload and display thumbnail when the image is selected or dragged in.
+ [ ] Automatically show the thumbnail of the uploaded image as soon as possible.
+ [ ] Add `Copy URL` Button via `JS`: https://github.com/dwyl/imgup/issues/126

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by inspecting the current landing page and the /liveview route, using the screenshots and Todo list as the acceptance criteria. Confirm that one focused upload interface removes the Upload button, uploads on selection or drag-in, shows the thumbnail promptly, and leaves the Copy URL work to issue #126.

Written by the indexing model from the issue text.

Assessment

Tech stack
elixir, javascript
Domain
design, frontend, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.