metis.market

A simple and beautiful NFT marketplace with using the blazing fast and cheap Metis L2 layer.

Comment

metis.market

Preliminary Notes by the Developer

The GitHub repository is currently closed-source, and shared with contact@metis.io. Upon request by the team, I would be keen to open source it, but I would personally like to develop more features before releasing it publicly. :)

If there are any clarifications are problems, feel free to contact me on Discord (albret einstrong#3665). If there are any project changes that must urgently be made after the project's due date, I will update it on my GitHub repository's README.

Due to some problems I had with Vimeo, if Vimeo is currently showing the wrong video, please navigate into the Vimeo site (click the bottom right 'Vimeo') to view the video. Sorry!

About The Project

metis.market is a simple but beautiful proof-of-concept of an NFT marketplace built on Metis L2. It simply just works. It aims to be easy on the eyes, simple for an end user to use (even for people unfamiliar with NFTs) and as cheap as possible (using Metis's technology). Currently, it offers core functionalities such as creating collections and purchasing NFTs on the Metis network. In the future, more functionalities will be included, such as events, Blind Boxes, rankings, rarity tools and documentation for API.

metis.market was initially built for the Metis's 1st hackathon, but I will be consistently developing it outside the hackathon due to personal interest, as it has let me learn much more about Web3 development and the L2 layer.

It is built with Next.js, which offers blazing-fast server side rendering, and currently uses a Flask backend as temporary metadata storage. The smart contract is deployed on Metis using the excellent Truffle suite, making deployments simple and easy.

Built With

  • Metis
  • Next.js
  • Truffle
  • Flask
  • Chakra UI

Getting Started

To get a local copy of metis.market up and running, please follow these steps.

Prerequisites

  • npm
  npm install npm@latest -g
  • Flask
  pip install flask
  • Truffle
  npm install truffle -g

Installation

  1. Clone the repo
   git clone https://github.com/callistachang/metis.market.git

  1. Fill in .env.example (project root) with your mnemonic and private key, then rename it to .env.

  2. Deploy smart contract

   truffle migrate --network metis
  1. Run Next.js frontend
   cd client
   yarn install
   yarn dev
  1. Run Flask backend
   cd server
   flask run

Roadmap

  • [x] Add the Home section
  • [x] Add the Create NFT section
  • [x] Add the Marketplace section
  • [ ] Add the Events section
    • [ ] Blind Boxes
    • [ ] Artist Events
  • [ ] Add the Ranking section

Contact

Callista Chang - @0xFabray - changcallista@gmail.com

Project Link: https://github.com/callistachang/metis.market

Acknowledgments

A huge thank you to Metis for the opportunity - this experience has been excellent in allowing me to fully immerse myself in Web3, and appreciating the blazing-fast capabilities of the L2 layer.

I'll be developing this project in my own free time to learn more about Web3 - feel free to contact me if there is any way I can contribute any way I can to the Metis ecosystem.

Built With

Share this project:

Updates