STEEM To File Upload - Utopian Hackathon submission
As some know, the Utopian Hackathon was / is running this week.
We took the chance and implemented a STEEM To File Upload.
What is the project about?
What is possible now?
It is now possible to load files into the STEEM blockchain and download them again.
The files are not only as a link in the blockchain, this time the file data are complete in the STEEM Blockchain.
The goal was:
- to demonstrate how the STEEM blockchain can be utilised
- how files can be edited, uploaded and downloaded using only a browser
How it works
The procedure is actually quite simple, but the trick is in the detail.
- The browser loads the file  
- The binary data is converted to hex data. 
- The hex data is saved as comments 
- In the main post the most important file data are stored in the custom json data 
- All comments of the main post will be fetched 
- The content will be merged 
- The hex data is converted as binary data. 
- The file is offered as download 
Because the processes are a bit bigger, we marked the places where the magic happens behind each step.
At the moment we have not thought about a roadmap but since this app was cut together under time pressure some functions are missing which guarantee a correct use. In the next days / weeks these will be integrated.
- Compression of the uploaded files
- Login window, exists, but wif checking is missing
- Upload progress bar - user must see the upload progress
- Real dApp
- Pagination of the file list
- File upload resume
- More mime type icons
- Little bit code cleanup
- Browser compatibility
- Fine tuning of the file parameters
What we learned
Holy cow, we learned a lot.
- ES6 modules (import, export)
- ES6 Arrow Functions (practical experience gained)
- File handling
- Conversion of a file into different formats and all that in the browser
- Understanding Uint8Array, Uint16Array and how it can be used
- Trick for Promise delays :D
- Pair programming is sometimes not easy :D
Because the source code is completely free, we hope others can learn from it as well.
How to contribute?
We are looking forward to further ideas, issues or fixes.
Since the app isn't really available online yet, here are two screenshots of what it looks like.
Thanks for reading
Hen and Mor