sean-clayton / fotup Goto Github PK

View Code? Open in Web Editor NEW

6.0 3.0 2.0 1.24 MB

Simple image uploading frontend for the PUT.RE API

Home Page: https://fotup.app

License: BSD Zero Clause License

HTML 6.35% JavaScript 2.21% Reason 91.44%

reasonml react image-upload bucklescript reason-react

fotup's Introduction

Fotup.app

Simple image uploading site using the PUT.RE API.

fotup's People

Contributors

Stargazers

Watchers

Forkers

hectorlobo10000 idkjs

fotup's Issues

Use .append instead of .set for FormData

https://developer.mozilla.org/en-US/docs/Web/API/FormData/append

.set doesn't work in Edge.

fotup/src/api.re

Line 7 in 1c3de3b

let _ = formData->FormData.set("file", file);

Make that FormData.set into FormData.append

Put.re stopped working

The unexpected shutdown of the put.re API rendered this app broken. I think it would be nice either replacing the API provider or letting the users of the site know what's up.

Show image/controls after uploading

After uploading a photo we should show the photo inline, a direct link to the photo, and a link for deletion.

fotup.app/:id

Show progress in UI

A bar or something to show that we're uploading would be nice.

Add toast system

Add ability to add toast messages from anywhere in the app for things like background task results.

Add image/video view

A nice little view wrapper for images/videos uploaded to fotup.

fotup.app/view/UPLOADED_ID_HERE

If it's a video, maybe use a custom player.
If it's a photo, just make it embedded.

Right now we just make the delete link a direct link. It should be a button which performs a GET request in the background, and on success we remove from local state. If failed, use toast system from #8 to display an error message.

Use localStorage for persisting uploads

Right now we only add uploads to app state, so when a refresh happens, uploaded files are no longer available to manage. Use localStorage to be the source-of-truth on initial load, and after uploading, replace localStorage with whatever is in local state.

Reverse proxy uploads to put.re

https://fotup.app/s/:file_name_here -> https://s.put.re/:file_name_here

Use netlify for this.