sean-clayton / fotup Goto Github PK
View Code? Open in Web Editor NEWSimple image uploading frontend for the PUT.RE API
Home Page: https://fotup.app
License: BSD Zero Clause License
Simple image uploading frontend for the PUT.RE API
Home Page: https://fotup.app
License: BSD Zero Clause License
https://fotup.app/s/:file_name_here
-> https://s.put.re/:file_name_here
Use netlify for this.
A bar or something to show that we're uploading would be nice.
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.
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.
So we aren't dependent on put.re
After uploading a photo we should show the photo inline, a direct link to the photo, and a link for deletion.
fotup.app/:id
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.
https://developer.mozilla.org/en-US/docs/Web/API/FormData/append
.set
doesn't work in Edge.
Line 7 in 1c3de3b
Make that FormData.set
into FormData.append
Add ability to add toast messages from anywhere in the app for things like background task results.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.