re-nft / mooncats Goto Github PK
View Code? Open in Web Editor NEWMooncats viewer and marketplace. Available on https://mooncat.shop
Home Page: https://mooncat.shop
License: MIT License
Mooncats viewer and marketplace. Available on https://mooncat.shop
Home Page: https://mooncat.shop
License: MIT License
historical offers or requests are not sorted correctly by time (only by date)
Pre-requisite
Installed Metamask extension in your browser. We advise using Google Chrome for best support.
Task description
If you go to https://mooncat.shop/ and click on Offered, you will notice that it takes about 6 to 7 seconds to load up all of the cats. This is a poor design.
This front is using the subgraph to pull all of those cats: https://github.com/re-nft/mooncats-subgraph
You can easily implement pagination with correct filtering (crucial! i.e. if you are on the first page and filtering by offered price, then you will show all cats with the lowest offered price on the first page;): https://thegraph.com/docs/graphql-api#pagination
If you have any more questions, drop them here.
remove it
maybe also add the rarity / stats etc.
Even though the distribution of the base features is about the same, clusters of similar cats may arise out of groupings of characteristics.
As an example, you have a room with 6 people and 6 shirts (2 of each color R/G/B), and half are sitting. You may end up with No person wearing a red shirt that is sitting. Or you may find one person sitting with a blue shirt. Rarities may arise out of the clustering.
For this reason, I am requesting the ability to see ALL 25.6k cats on a series of pages. It would be helpful to see them all side by side as just images, and allow the user to toggle in text information as needed.
The ability to sort sounds helpful here and these might be some of the categories:
subgraph issue?
Sorting and searching by the fields
shows wrapped when in fact unwrapped
shows active offers, when there are none
[10] will denote highsest importance
[0] least important issue
To implement a working marketplace, we must first integrate the:
createOffer, acceptOffer and cancelOffer calls to the smart contract
https://github.com/RENTFT/front-mooncat/blob/main/src/contexts/mooncats/index.tsx#L118
https://github.com/RENTFT/front-mooncat/blob/main/src/contexts/mooncats/index.tsx#L164
https://github.com/RENTFT/front-mooncat/blob/main/src/contexts/mooncats/index.tsx#L145
createOffer - can only do this if you own a cat. You are basically selling it. This is already integrated in my cats tab.
cancelOffer - can only do this you have previously created an offer. This has been implemented as well.
acceptOffer - needs implemented
for example, this lil guy sold for 0.7 eth
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.