PinataCloud / apollo

0 stars 0 forks source link

InstaCID #1

Open kyletut opened 4 years ago

kyletut commented 4 years ago

Prize Title

InstaCID

Prize Bounty

500 DAI

Challenge Description

Build a web app where a user can enter a list of CIDs that then generates a single CID app that will display the files in a simple ui.

Submission Requirements

Eligible projects must submit a working web app:

  1. Pinned on IPFS where a user has the ability to enter a list of CIDs.

  2. These CIDs can be any major file format that can be displayed in-browser including png, jpg, gif, pdf, mp3, mp4, etc.

  3. Once the user has entered their list of CIDs, they can click to generate a single CID web app. That generated CID web app will display all the files appropriately in-browser.

  1. The ui of the generated web app should be simple. The files being displayed are the main attraction. To make it beautiful, standard dimensions may need to be applied at your discretion.
  1. Eligible projects should use the Pinata API to pin the content of the app.

Judging Criteria

The end user of this app will be content creators such as artists, photographers, musicians, etc that need a way to display their files. The InstaCID app will be judged on its ability to meet the above criteria. Bonus points will be given for how well the ui looks and the ability to view in mobile.

Winner Announcement Date

All submissions must be received no later than 11:59 PM EDT on Oct 8th, 2020, to be considered.

gitcoinbot commented 4 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


This issue now has a funding of 500.0 DAI (500.0 USD @ $1.0/DAI) attached to it.

solababs commented 4 years ago

Hi @kyletut tried to get your approval to work on this in gitcoin but haven't gotten any response yet. Is this already in development?

agnelvishal commented 3 years ago

Hi @kyletut Check the web app at https://gateway.pinata.cloud/ipfs/QmTZKr9CNL73DWDxW1jEo2QmMxMBytVCWNpDY4JYsrFJKk with source code at https://github.com/agnelvishal/InstaCID Displays multiple Images, videos, music files and even web pages from CID

kyletut commented 3 years ago

@agnelvishal this is great work! There are just a couple of tweaks.

1) When the user loads the CIDs, it should actually create a new webpage CID that displays the content. So, instead of it always being QmTZKr9CNL73DWDxW1jEo2QmMxMBytVCWNpDY4JYsrFJKk, it should be a new webpage CID displaying the loaded CIDs.

2) The new webpage should just display the files. So, the header, buttons, and CIDs would no longer be there.

Does that make sense?

agnelvishal commented 3 years ago

@agnelvishal this is great work! There are just a couple of tweaks.

  1. When the user loads the CIDs, it should actually create a new webpage CID that displays the content. So, instead of it always being QmTZKr9CNL73DWDxW1jEo2QmMxMBytVCWNpDY4JYsrFJKk, it should be a new webpage CID displaying the loaded CIDs.
  2. The new webpage should just display the files. So, the header, buttons, and CIDs would no longer be there.

Does that make sense?

Yup. I understand. That will allow easy sharing of links

agnelvishal commented 3 years ago

@kyletut Could you check the updated link at https://gateway.pinata.cloud/ipfs/QmU8AAjij5YuER8ButrmsN55RaCw9CAb1FieigRx9CxsdA ?

kyletut commented 3 years ago

@agnelvishal Yup! This is what I'm looking for. I am experiencing a bug now, though. When I load the list of CIDs, it ends up replicating 1 CID for all of them. So, when I paste and load a photo, an mp3, and a pdf, it displays the pdf 3 times instead of one of each file. It seems to just replicate the last CID entered.

agnelvishal commented 3 years ago

@kyletut I have fixed it now. The updated link is at https://gateway.pinata.cloud/ipfs/Qmb6iTjqhcAvxYEPBQUzQHcGTfofF6a62UY3y5oWJtLqNv Could you check it?

gitcoinbot commented 3 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


Work has been started.

These users each claimed they can complete the work by 4 hours from now. Please review their action plans below:

1) resgar has applied to start work _(Funders only: approve worker | reject worker)_.

We will create a ReactJS app where the user can enter a list of CIDs and then display the list of files in a simple UI. The files will be stored on Pinata. 2) solababs has applied to start work _(Funders only: approve worker | reject worker)_.

Simple app to display file based on searched CID's 3) agnelvishal has been approved to start work.

User will be able to enter CID and the content will be loaded

Learn more on the Gitcoin Issue Details page.

kyletut commented 3 years ago

@agnelvishal

Thanks for the work on the bounty! I was able to get it to work. It looks good.

Final couple of tweaks:

1) Change the name from "InstaCID" to "Pinata NFT Builder".

2) Change the orange header to Pinata blue (Hex #00bedd) with white text.

3) Change the green buttons to Pinata yellow (Hex #ffe00) with black text.

That's it! We will get you approved for the bounty after that. We really appreciate the work you put into this.

kyletut commented 3 years ago

@agnelvishal Hey! I wanted to check in and see where you are with this? Would love to get the bounty approved and paid.

agnelvishal commented 3 years ago

@kyletut

The Yellow color #ffe00 has only 5 chars. Is it #FFCC00 which is used in website?

agnelvishal commented 3 years ago

Also is there a need to add Pinata logo in the header?

kyletut commented 3 years ago

@agnelvishal

Good catch: #ffe000 is the yellow. Here is our logo: https://gateway.pinata.cloud/ipfs/QmQ9bm4at9otTtxgCkDJRSATQT1Hc6KXmXXbe1c3uG8K7B

agnelvishal commented 3 years ago

@kyletut Could you check https://gateway.pinata.cloud/ipfs/QmSSo1ccjYKf29w5chEiZ31Vmunx2JGh8HGjZu5ZNN8vqu ? Changed the color and added logo

kyletut commented 3 years ago

@agnelvishal Perfect! I'll need you to submit on the bounty and then I can payout!

gitcoinbot commented 3 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


Work for 500.0 DAI (500.00 USD @ $1.0/DAI) has been submitted by:


agnelvishal commented 3 years ago

@kyletut I have submitted for the bounty