fraktalnft / dapp-frontend Goto Github PK

URL: https://testnet.fraktal.io

Current: No easy way to transfer Full NFTs or Fraktions from the marketplace UI. Requires using etherscan or a third party site like opensea.

Desired: Add in a transfer option directly on the marketplace UI under my NFTs.

Design: Do it just like opensea with the .... menu dropdown in the top left or right corner of both the full NFTs and the Fraktions.

Which then brings to transfer page which shows NFT Image, Choose Amount (if fractionalised, if full NFT has 1 input and not changeable), and destination address

Notification pop-ups (or email option) for any actions that have happened or required to do:

1. New Offer (buy-out) = Vote
2. Offer Accepted/Rejected (buy-out_
3. Fraktions Sold
4. Revenue Received

On https://testnet.fraktal.io/list-nft Having to manually trigger each tx intead of them auto-populating is bad UX for web3, bc if you leave the page then you lose the process…
-Also when not not listing on market it still shows all 4 steps when minting even though they aren’t required.

As transactions are submitted and confirmed should update box colours.

After an offer is accepted, rejected or cancelled, it doesn't show the historic values of the past offers bc the subgraph is not developed correctly.

This is linked to #134

Add dropdown next to sort/filter that lists categories: ALL, Images, Audio, Videos (All by default)

In the box where user inputs # of fraktions to buy, put units. i.e Fraktions in light gray text so it is more clear.

Do the same with buyout offer by putting ETH in light gray text within the box.

On portfolio page, change button at top : Add NFT text to Mint NFT

On individual NFT page, each deposit revenue tx has to be claimed individually. There should be a button to claim all in a single tx.

a 5% Fee is taken from marketplace txs to the Fraktal DAO. This amount can be adjusted via a proposal by the Fraktal DAO.

In addition, all transactions on Fraktal should incorporate this fee model such as:
-Distributing Revenue
-Buy-out
-Auction Format (in addition to fixed price: current)

In a previous version there was a button on each card under "your NFTs" on portfolio page that said FRAK IT (to fractionalise the NFT). Please add this back.

On https://testnet.fraktal.io/list-nft Having to manually trigger each tx intead of them auto-populating is bad UX for web3, bc if you leave the page then you lose the process…
-Also when not not listing on market it still shows all 4 steps when minting even though they aren’t required.

Sometimes it loads fine, other times it gives blank profile images.

In the initial scope of the contracts there was 18 decimals. In the implementation there are no decimals. This is a problem.

1. Does not scale. If over 10k participants are in an auction, the contracts break bc they cannot issue fraktions.
2. It does not work efficiently for auction format. i.e you receive fraktions based on (your eth contributed/total eth contributed). Without decimals it requires min. investment amount, rounding down fraktions, and withdrawing excess ETH. This increases gas costs bc of excess logic and requires additional txs (claim excess ETH). And overall is just messy and inefficient.

solution: add 18 decimals as originally defined.

On My NFTs section https://testnet.fraktal.io/my-nfts

Current State: Your Fraktions only shows Fractional NFTs which are listed on the marketplace.
Desired State: Show all fractional NFTs (listed on market or unlisted)

Testing:

1. Go to https://testnet.fraktal.io/list-nft and mint an NFT without listing on the market.
2. Go to my NFTs https://testnet.fraktal.io/my-nfts and click on NFT you just minted.
3. Under NFT Image click the fractionalise it button. This converts the 1/1 into 10,000 ERC1155 units.
   After this stage, the NFT should move from the Your NFTs section to the Your Fraktions section

break these down into specific issues when we get to this stage.

Arbitrum bridge and arbitrum usability UX (I.e buttons for add network, Migrate tokens, Migrate NFT)

On the portfolio page ETH from all Fraktions sold can be claimed. there should also be a function to claim all revenue across multiple NFTs.

On mint page, change choose Image to Choose File bc also has audio as an option.

When you go to https://testnet.fraktal.io/my-nfts#yourFraktions and click the sell fraktions button, it takes you to a page like this for the specific NFT https://testnet.fraktal.io/nft/0x11b669ba0f4a9f7cbd9a0a813e077e31a5e96483/list-item

If you already have fraktions for sale the current state looks like this:

Desired State:
-Remove left column inputs (for listing)
-Change "List properties" to "You currently have [n] Fraktions for sale" Total ETH = [total value for sale : should be same value as currently]
-keep unlist button underneath

If there are no fraktions for sale the list page should look like this: https://testnet.fraktal.io/nft/0x622bf966330ec546ccb7297d7a08d70287e65957/details

What are the file size limits for uploads? i.e MP4 this becomes critical. We need to define this and add to UI.

When fraktions are sold, the profits need to be manually claimed from the portfolio page. We should automate this like opensea so proceeds are automatically received in users wallets without having to manually claim anything.

Open for discussion.

The search block on the artist page isn't functional for native ETH addresses or ENS. https://testnet.fraktal.io/artists

"Total Amount" do not allow text as input, so why should "total price" allow it?

The same in details

Although text would not work, there is no need to allow the user to enter text

https://testnet.fraktal.io/list-nft the text that says "mint to begin fraktionalisation process, etc." remove this from both screens (List and Mint)

When an offer to buy-out is taken out, it still shows in the UI

The desired state after an offer is removed is to have offer value show the value that was initially offered instead of NA & for the button to be removed and the status to say "cancelled" where the button currently is. Additionally the state could also display Accepted or Rejected there depending on the outcome of the buy-out offer voting.

On portofolio page, the NFT is minting status block is perpetually there even when nothing is being minted.

Need load screens on any core action such as:
Minting NFT
Listing NFT on Market
Depositing Revenue
Buying Fraktions
Claiming Revenue/Fraktion Sales
Voting on Buy-outs
Offering Buy-out
Claiming Buy-out

Designs: https://www.figma.com/file/6OfufepTAGK2z1mF0zvaZK/Untitled?node-id=0%3A1

Pop-up should include load animation/image, message with action being completed, link to etherscan transaction.

User can close confirmation pop-up and continue using app; but if waits till it is completed, then button becomes active and triggers a page refresh when clicked (seems to be as close as we can get to an auto-refresh experience in web3)

In header and footer should go to https://blog.fraktal.io/ or mirror profile.

This is totally unecessary and confusing to users. If there is a bug that requires a manual refresh, fix the bug instead of cluttering the UI.

change to Marketplace Profits and remove gains.

Task: Current marketplace format is fixed. i.e sell a certain amount of Fraktions for a set price.

There has been demand for an uncapped auction format with a reserve price. (almost ICO-like style for NFTs)

How it would work:

Choose % of NFT to sell (i.e 7,000 fraktions, 70%)
Choose reserve price (i.e 1 ETH)
Auction lasts 10 days and everyone receives a % proportionate to their ETH contributed divided by total ETH (i.e 10 eth total received, user puts in 1 eth = user gets 1/10 = 10% (of avail fraktions being sold, in this example 70% so 10% of 70% = 7% total of NFT. If reserve is not met, then eth is refunded and no fraktions are distributed.

Requires Update to UI & Smart Contracts. Create new Contract logic, do not change already audited contract logic.

When submitting PRs, vercel is generating preview links to user-fraktaldapp.vercel.app instead of testnet.fraktal.io which makes it impossible to accurately test before merging bc the incorrect path causes errors.

same issue as #76 but for video files.

Also related to question from #77

Change the button text on the marketplace page.

When I clicked the back page tab in browser got an error loading specific artist NFTs, probably a subgraph issue.

In a previous version, on each card on the portfolio page under your Fraktions, there was a DeFrak button. This is fine to be on the individual asset page; however, please add a button that says "Sell Fraktions" on each card that takes to the list on marketplace screen.

One button says import to market while others just say import.

Does this just import to a Fractional NFT? Or does it import to a 1/1 Fraktal NFT? And what should next steps be after importing i.e List on Market or what?

When you click Sell Fraktions (formerly List NFT) from the marketplace, it takes to portfolio page and then there is literally nothing that shows users what to do to list something. so it's broken UX.

Desired: Automatically scrolls down on portfolio page to Your Fraktions section where button is added from issue #56 so UX is clear.

sometimes marketplace loads fine, othertimes it says no NFTs for sale, and requires a manual page refresh. This needs to be fixed.

On NFT details page it displayed artist eth address below the NFT picture; this should be a clickable link and go to the artists profile page on Fraktal Marketplace which displays all the NFTs they have listed. https://testnet.fraktal.io/nft/0x1a80e65ad131504ef792af85328f97148b5b598b/details

Add attributes from PFPs and 1/1s when imported to Fraktal and/or fractionalised.

On portfolio page, each NFT in your wallet has an import button below it. The Import button on the top corner of the section does nothing. so remove it.

When buying an amount of Fraktions it shows you ownership % and all details but misses how much (in ETH) the total purchase costs until metamask is triggered, and that's bad UX. Can be added next to % ownership underneath. For example: equals n% ownership for n ETH

On the NFT details page, need to add the specific NFT contract address (for fraktions) under artist/date of creation.

on https://testnet.fraktal.io/nft/0x1a80e65ad131504ef792af85328f97148b5b598b/details and make it clickable to etherscan

In a previous version of the UI, we had the text "View Portfolio" next to the address in the top right corner. Please add this back.

Fraktal. remove period.

No option to add cover image for MP3 which causes error loadin

g

See issue #79 for more details on fix for this

and No Player is there to play the MP3 from the individual NFT screen

.

Currently has: Availability (no idea what that means), Popular (?), Newly Listed.

Desired:
Lowest Price
Highest Price
Newly Listed
Popular (# of investors)

Default state should be popular

Part 1 (Update Listing Process)

https://testnet.fraktal.io/list-nft

There are now 2 listing types: Fixed Price and Auction

To solve for this. Update the List NFT Screen as follows:
Add a Dropdown or Tabs for Choose Listing Type directly under "List your Fraktion NFT for sale"

1. Fixed Price
2. Auction

Then only thing that changes underneath for the input boxes is if Auction is selected instead of Total Price, it is Reserve Price.

Part 2) Update Marketplace Page

Add a Filter Dropdown Menu next to sort that has the following options:

1. All Listings
2. Fixed Price
3. Auctions

Part 3) Update Individual NFT Blocks
-Keep % available the same
-Instead of Total Price on bottom right, have a countdown timer with how much time left (starting at 10 days: hours: Min) -> could also go down to seconds if that is better UX.

Part 4) Update NFT Listing Details Page
-Available change to "For Sale"
-Price change to "Reserve Price" and remove 'per fraktion' text underneath
-Change Buy Fraktions block to "Contribute ETH", placeholder value from Fraktions to ETH, Buy Button to "Contribute"

Part 5) Claiming (excess ETH + Fraktions) after auction ends
These can probably be added on my NFTs page https://testnet.fraktal.io/my-nfts either as NFT Blocks or following how marketplace profit works.
-Need button to claim any leftover ETH, or if reserve price not met.
-Need button to claim Fraktions awarded.

As seen in issues #76 and #78 there are issues for uploading non-image files.

A proposed solution to this is adding categories for the mint process which result in different minting flows:

For example: Choose between Image, Audio, Video

Image = same flow as current
Audio/Video = same flow but additional upload option to add cover image in addition to audio/video file.

This can then be applied to marketplace in issue #80

https://www.instagram.com/fraktal.io/