[STEEM BOUNTY] European Commission EFTG Project (European Financial Transparency Gateway) Data Entry Webpage on a Private STEEM Blockchain - Experienced Developers needed

Utopian for European Commission (EC):

Utopian.io is running this task request on behalf of the EC Blockchain Competence Center (BLKCC).

GitHub Repository:

https://github.com/scr53005/eftg-steem

Project Background:

The EFTG Project background and scope are described here:
European Financial Transparency Gateway (EFTG) EC Initiative

Estimated Task Complexity:

Medium

Task Specifications:

Create a data entry page (posting page) for OAMs to input data and upload documents to the private Steem blockchain available at www.eftg.blkcc.xyz.

The developer should use:

• Javascript Steem library
• React framework

The webpage should use the graphic design, layout and visual identity from the following task request solution:
https://steemit.com/utopian-io/@outwork/ui-ux-branding-and-logo-design-for-european-financial-transparency-gateway-eftg

The solution to this task request should be a working software package producing the data entry (web) portal for financial professionals (OAMs).

Authentication - login form

The webpage will request the login credentials [user id and posting key] and will store the token in the browser’s local cache memory, for further use. The expiration time will be unlimited.

The user will have the option of logging out by clicking on the logout button located on the top right of the webpage. After logging out, the login form will be again listed.

Data Entry

OAMs (Official Appointed Mechanism) will be entering their data via the "Data Entry Portal", which will, once submitted, trigger a posting transaction on the blockchain.

_{Figure 1: EFTG OAM Data Entry Portal – Mock Design}

The Data Entry mock design is only meant to visually capture some aspects of the required data entry functionality expressed by end users.

• Webpage Title: EFTG - European Financial Transparency Gateway – Data Entry Portal
• Tagline: "Powered by Blockchain"
  • The tagline should appear on a corner of the portal, as a subtitle, or wherever visually appropriate.
• Above the Submit and Clear buttons, provide a preview section (similar to the preview section available on Steemit)
• An OAM should be able to input data on any of the dropdown and freeform fields even when logged out. The webpage should remember the entered data after logging in.
• Logout button should be placed on the top right side of the webpage.
• The validation of the data input will be done based on the specifications described below.
  
  _{Figure 2: EFTG OAM Variable List and Specification}

Upload

Financial professionals should be able to upload documents once logged in to the system.

• Only .pdf, .xbrl, .xls(x) or .xml files are acceptable
• The upload pop-up window should be a regular file explorer window.
• Only one document can be selected and uploaded, per post.
• The selected file will be hashed (using SHA256) based on its content and will be renamed with this hash. (example: 4856393493495fgd……..fv9r49t234r23.pdf)
• The file will be uploaded and saved in the Amazon bucket, using the hashed name of the file. (Amazon bucket is provided by European Commision)

Clear

The clear button should erase all the text and selections (including the selected file)

Submit

The following tests should be performed before accepting a data entry:

• Check authentication, otherwise, pop-up a message to log in. Redirect to the login page.
• Check all the required fields. If the required fields aren’t met, show a pop-up message. Highlight the required fields.
• Data validation should be matched with Figure 2 specifications on variable length and format. If the validation fails, show a pop-up message. Highlight the fields in question.
• Once all required fields (marked with *) are met and validations passed, generate a transaction. Transaction metadata has to contain all fields in JSON format. See JSON format below.
• Post the transaction to the blockchain. Show a pop-up message with below details:
  The transaction has been broadcasted
  Block Number: [Block number here]
  Transaction: [Link to post here]

JSON Template

The long format of the specific JSON file attached to the transaction:
https://github.com/scr53005/eftg-steem/blob/master/long_example.json

The example of the specific JSON file attached to the transaction:
https://github.com/scr53005/eftg-steem/blob/master/example_post.json

The example of the post transaction including the specific JSON file :
https://github.com/scr53005/eftg-steem/blob/master/post_transaction

Deadline:

Three (3) weeks, set to start once the candidate selection is made.

How to Register Interest and Gather Further Information:

Please contact us on https://discord.gg/pV5hgDA

Rewards Information:

Rewards generated by this task request will be sent as liquid STEEM to the task solver once the task is completed, as decided by the Project owner.

The task will be considered complete after it has been tested and accepted on our private STEEM blockchain (https://explorer.blkcc.xyz/#/) and when the solvers publish a Utopian development post, explaining what they did in order to solve the task.