Coötoo presents: a User Interface for more cooperation and less competition.

You can now display any Mintbase store using the Coötoo UI.

We offer a minimalistic interface with focus on the art.

Prices are not shown by default. If the art speaks to you, click to see more information.

Because we recognise sometimes it’s not about buying, but enjoying.

We don’t have the scroll of doom. If you want to see more, you have to click.

This allows you to take time and appreciate the art that is in front of you.

Instead of sorting by latest mint or lowest price, we display NFTs in a random order.

Creators don’t need to be constantly minting or listing to compete for display space.

Who sold more, who minted more often - these metrics often become vicious circles while discovery and enjoyment suffers.

That’s why we made conscious choices to shift the focus away from competition.

.

We hope you enjoy this way of viewing NFTs.

Let’s nourish our innate need for cooperation.

.

DEMO VIDEO: https://youtu.be/xQN59w3IO8U

LIVE DEMO: https://encode-hackathon-demo-ct5pzswt6-mintland-demo.vercel.app/

---

CONTENTS This application is built with React (logic) and Bootstrap 5 (design). It uses the NEAR JS Api for contract interaction, the Mintbase GraphQL database for queries, and the NEAR Wallet Selector for wallet interface. The user profile data is sourced from Near BOS. Parcel.js. is the compilation & deployment tool. npm is the Node/Javascript package manager.

ONE-CLICK DEPLOY:

• With Vercel:

DEV SETUP:

1. Install node & npm.

2. Install all required node modules with npm.

npm install

3. Install npx globally.

npm install -g npx

CONFIGURE:

• Copy .env.example to .env, and configure the environment variables within.

  • You must set at least NETWORKID and MINTBASECONTRACTID.
  • You must rebuild the site to see changes take effect.

• If environment variables are not an option, edit index.html to change the hardcoded values within window.stateless_config.

BUILD:

This project is packaged/built/tested with Parcel. To build & host the site in development mode:

npx parcel src/index.html

To generate an optimized site for manual deployment:

npx parcel build src/index.html --no-scope-hoist --public-url ./