First of all, we will implement all the features mentioned in this page. We plan to build such a front-end project:
- It's a pure SPA front-end project and optimized to use relative paths, so it can be easily deployed to IPFS or AWS S3.
- We will add some sharing features, when you search a CID, it will jump to url containing
?cid=<cid>
, so it can be shared to others. And we also add multiple sharing methods: "Copy Link" Button, Shield.io Badges and embedded web card.
(All of the following images are schematics and do not represent out final UI design)
We plan to keep the design style and functional modules of previous CID.place, where users can enter CID and click Search to go to the details.
Details page includes all relevant information about the CID:
- location on map
- total energy consumption
- renewable resource energy consumption
- provider sheet. As you can see, we showed all the information about the provider on the sheet. Includes energy consumption in color.
There is a hover popup on the information icon in the energy columns. It shows the total amount of stored data of the Miner, the total amount of renewable energy purchased by the Miner, and the amount of each renewable energy source (solar, wind energy, hydropower, biomass energy, etc.).
The corresponding geographical location on the map will be active when the popup is activated. and vice versa.
We will push code to Github, and deploy a staging environment for you.
We plan to develop this project from Nov. 2 to Nov. 9. Test and fix bugs on Nov. 10. Then delivery it on Nov. 11. And we will use these FILs to pay salary to our UI designer and programmer.