Code Monkey home page Code Monkey logo

ar.page's People

Contributors

charmful0x avatar maxknivets avatar nanofuxion avatar philipdaquin avatar roaring30s avatar xylophonez avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ar.page's Issues

Make it possible to STAMP assets from the Collectibles tab

The Collectibles tab is currently populated with assets minted on img.arweave.dev.

On img.arweave.dev, it is possible to 'stamp' (similar to a 'like') an image.

Example: https://img.arweave.dev/#/show/acE85pMtp1g8ydai-0qL-jMXiigiD9q8qbNg1E81yTw

We want to make it possible to stamp atomic assets in the Collectibles gallery without going and finding them on another site.

The mechanism to do so can be found in the img.arweave.dev repo on GitHub:

https://github.com/twilson63/permaweb-img-app/tree/atomic-tx

Implement an NFT pfp picker

image

The current modal triggered by "edit profile" when logged in on your profile page ^

It is now only a simple file upload field, but could also have the option to launch an image picker that reads the user's NFTs. Owned NFTs for an Arweave address are returned by Ark -- check the ERC_NFTs field returned in this response.

Add ERC-721 NFTs to the Collectibles tab

If a user has connected their Arweave address with an EVM chain via Ark Protocol, we can read their NFT holdings into the UI by calling the Ark API.

example response

Check the ERC_NFT key from the response above.

Exactly the same as we currently populate the Collectibles gallery with Arweave NFTs, inject the ERC-721s in the same grid gallery. Retain the search and filter; retain sortability by normalizing timestamps if necessary.

image

Mint a new image into your collection without leaving the page

The Collectibles tab is currently populated with images uploaded to img.arweave.dev by the user who owns the profile.

To avoid making users go to img.arweave.dev to post a new image, we should add that functionality directly to ar.page.

The code for img.arweave.dev is open sourced here.

img works by posting an image and compliant metadata to an Arweave contract. The relevant img code for inspiration is here, where you can find the contract ID and required metadata structure:

https://github.com/twilson63/permaweb-img-app/blob/atomic-tx/src/lib/deploy-path.js

Vision for the UI: a "Mint image" button on the page which triggers a modal.

Add badges to show DAO membership

Detect DAO membership:

  1. create a mapping between common staked tokens & owned NFTs + the DAO memberships they represent. for example, staked OHM -> Olympus DAO member, 'Devs for Revolution' NFT held -> Developer_DAO member. The list doesn't have to be exhaustive, and probably can't cover everything anyway
  2. read token balances from the user's EVM address (exposed via the Ark API)

Display on the UI in the identity bar (alongside other handles, .eth .ar etc):

image

image

Add more sources to the Activity tab

The Activity tab is currently not descriptive of the actions a user has taken on the Arweave network:

image

The weave-aggregator library can be used to enrich this in situations where it recognises the smart contract that is being interacted with.

Ideally, it would show human-readable items like:

uploaded **episode_name** to **permacast**

minted **song_name** on **Pianty**

posted on **Metaweave**

This is perfectly achievable by integrating the weave-aggregator library, which tracks such actions.

Make labels more dynamic

Is your feature request related to a problem or challenge? Please describe what you are trying to do.
Non ENS, ANS, AVVY should open new tabs redirecting the user to the link. ENS, ANS, AVVY should have an option to be copied

Describe the solution you'd like

Additional context
/userinfo/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.