Skip to content

Instantly share code, notes, and snippets.

@geektheripper
Created November 1, 2022 15:35
Show Gist options
  • Save geektheripper/06d661e447d23f9fd42b6aa39fca3ac6 to your computer and use it in GitHub Desktop.
Save geektheripper/06d661e447d23f9fd42b6aa39fca3ac6 to your computer and use it in GitHub Desktop.
Plan for CID.place extension

1. Overview:

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.

FilGreen-bafybeifx7yeb55armcsxwwitkymga5xf53dxiarykms3ygqic223w5sk3m image

2. Product introduction:

(All of the following images are schematics and do not represent out final UI design) image

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.

image 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.

image 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.

3. Delivery

We will push code to Github, and deploy a staging environment for you.

4. Grant Approach

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment