Web: as a website mantainer, i want a javascript widget that can show off my bounties, so i can lead more of my community to gitcoin

[owocki]

what : a javascript widget (or image) that let me show off the bounties on my repos

please reuse the design from https://github.com/gitcoinco/web/pull/644/ , but implement it in javascript to be responsive instead of as an embedded image

[gitcoinbot]

__This issue now has a funding of 0.15 ETH (81.17 USD @ $541.12/ETH) attached to it.__

• If you would like to work on this issue you can claim it here.
• If you've completed this issue and want to claim the bounty you can do so here
• Questions? Get help on the Gitcoin Slack
• $3119.82 more Funded OSS Work Available at: https://gitcoin.co/explorer

[maektwain]

Would like to work on this issue.

1. PULL data from gitcoin api to show current bounties and fulfilled on the given bounty_owner_address.

Let me know if this is what we want.

[owocki]

@maektwain sorry im not sure i follow the question. are you asking if we can use the gitcoin api for this?

[matthewlilley]

@owocki I've already done most of this, I'll try to finish it Today if possible, needs wiring up to the API and polish. It works in the same way as the Facebook embeddable like button, you can pass a gitcoin profile name. E.g.

<div id="gc-root" data-profile="MetaMask"></div>

Sound good?

[gitcoinbot]

Issue Status: 1. Open 2. Cancelled

---

__Work has been started__.

1. @matthewlilley

   has committed to working on this project to be completed 4 weeks ago.

@owocki, __please see the below comments / questions regarding approach for this ticket from the bounty hunter(s):__

[matthewlilley]

@owocki I didn't manage to get to it on the weekend, but it's mostly complete. Needs some final integration, and a responsive friendly logo, srcset or svg.

https://stackblitz.com/edit/js-nkwz7t

[owocki]

wow this looks really good. thanks @matthewlilley !

1. could we make each issue title (or each issue row) clickable?
2. looks like the data is hard coded. needs to integrate the gitcoin api

cc @PixelantDesign in case she has comments on the design

[matthewlilley]

@owocki No problem!

1. & 2. Yes, it just needs plugging into your API, and a few minor details correcting. It'll probably be tomorrow now, it's been a long day.

M

[owocki]

& 2. Yes, it just needs plugging into your API, and a few minor details correcting. It'll probably be tomorrow now, it's been a long day.

coolio -- the api is pretty easy to use. docs are here =>

https://github.com/gitcoinco/web/blob/master/docs/API.md

feedback from a potential customer:

The recently funded issues—it’d be nice to show all open issues instead of recent issues. (Or, what’s defined as a “recent” issue?)

I do think this is a big improvement. The other design is a bit cluttered with info, kinda hard to understand when you first land on the page. This is nice and clear

[matthewlilley]

Looks like some minor changes are needed to the API, a filter field for the org_name, and a simple limit. Okay for me to do a pull request those changes? Or if you have another suggestion, let me know.

"The recently funded issues—it’d be nice to show all open issues instead of recent issues. (Or, what’s defined as a “recent” issue?)"

Those issues could possibly be shown in a carousel style, so that you're not limited to the latest 4.

[matthewlilley]

We could also add an option to the widget which would allow you to select recently funded, recently active etc... For a bit more flexibility.

[owocki]

you can just pass the org_name into the q field

eg https://gitcoin.co/explorer?q=Metamask_extension

[owocki]

Those issues could possibly be shown in a carousel style, so that you're not limited to the latest 4.

Love this idea! yes pls

We could also add an option to the widget which would allow you to select recently funded, recently active etc... For a bit more flexibility.

love this idea.. it could maybe be a javascript param in the widget definition?

[owocki]

!remind me when this is merged to respond back to colony => https://twitter.com/collinvine/status/979738374553591808

[matthewlilley]

@owocki

Here's an updated version: https://stackblitz.com/edit/js-nkwz7t

With regards to the API usage, I'd expect to be able to do something like this:

https://gitcoin.co/api/v0.1/bounties/?org_name=MetaMask&limit=10

Right now that doesn't seem possible. I'll be happy to make a pull request.

Also, is there an SVG version of the logo available? If not, are the vector files available to export one?

Once we've got these couple of things sorted we can wrap this up.

[owocki]

there is a vector version of the logo availalbe at https://github.com/gitcoinco/creative -- but i dont know if it's SVG

https://gitcoin.co/api/v0.1/bounties/?org_name=MetaMask&limit=10

I just implemented the 'limit' param. Meantime, could you try using this? https://gitcoin.co/api/v0.1/bounties/?q=MetaMask&limit=10

[owocki]

https://github.com/gitcoinco/web/commit/91530d7d37ade96c5fef5f38c6c9c7dcda05fa7b adds limit param

[PixelantDesign]

Looking good @MadhuVaddi @matthewlilley!

Would it be possible to make a couple of updates?

• Use Muli font
• Sentence case on 'Recently funded issues'
• Move 'Expires In' under each project name

Thanks!

[matthewlilley]

@owocki Thanks!

@PixelantDesign Absolutely, I'll make those updates Today and get back to you.

[matthewlilley]

@PixelantDesign Sorry, I thought I'd already replied to this. Can you take a look again here https://stackblitz.com/edit/js-nkwz7t

[gitcoinbot]

@matthewlilley are you still working on this issue?

[PixelantDesign]

Looks great @matthewlilley! Thank you!

[gitcoinbot]

@matthewlilley are you still working on this issue?

[matthewlilley]

@owocki, Would you like this included into the web repo, or a new sdk repo?

[owocki]

@matthewlilley maybe write up a markdown document showing off how to create the JS widget and PR it into https://github.com/gitcoinco/web/tree/master/docs ?

[matthewlilley]

@owocki #989

[gitcoinbot]

Issue Status: 1. Open 2. Cancelled

---

__The funding of 0.15 ETH (103.66 USD @ $691.05/ETH) attached to this issue has been cancelled by the bounty submitter__

• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $7,736.50 more funded OSS Work available on the Gitcoin Issue Explorer

[owocki]

paying this out via tip now

[gitcoinbot]

⚡️ A tip worth 0.2 ETH (138.21 USD @ $691.05/ETH) has been granted to @matthewlilley for this issue from Kevin. ⚡️

The sender had the following public comments:

thx! this looks amazing

Nice work @matthewlilley! To redeem your tip, login to Gitcoin at https://gitcoin.co/explorer and select 'Claim Tip' from dropdown menu in the top right, or check your email for a link to the tip redemption page.

• $7736.50 in Funded OSS Work Available at: https://gitcoin.co/explorer
• Incentivize contributions to your repo: Send a Tip or Fund a PR
• No Email? Get help on the Gitcoin Slack