GithubHelp home page GithubHelp logo

markkos89 / d_d-x-chainbase-hackaton Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 976 KB

Platform that shows information about a certain searched collection as well as the top trending collections on eth mainnet

Home Page: https://dd-chainbase-hackaton-nfts-info-dashboard.vercel.app/

JavaScript 4.97% TypeScript 94.43% CSS 0.47% Shell 0.14%
nextjs react chainbase developerdao hackaton tailwindcss

d_d-x-chainbase-hackaton's Introduction

D_D x Chainbase Hackathon

October 2023

This project aims to interact with the CHAINBASE API, we choose the NFT API: Since our objective was to create a platform that shows information about a certain searched collection as well as the top trending collections on eth mainnet

Introduction

This documentation will guide you to run the project locally and make different queries to the CHAINBASE API.

Installation

Asumiendo que tiene node.js preinstalado, asegurese de que su terminal este posicionada en la carpeta raiz del proyecto y ejecute el siguiente comando para instalar todas las dependencias necesarias:

pnpm install

Run

Ahora ya puedes comenzar a ejecutar el programa con el siguiente comando:

npm run dev
# or
yarn dev
# or
pnpm dev

Start making requests from Thunder Client, Postman, or another alternative

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

Chainbase API Routes

METHOD URL DESCRIPTION
GET https://api.chainbase.online/v1/nft/collection/trending Get the most popular NFTs. The parameters chain_id, range, exchange_name, sort, page and limit must be provided as query parameters.

Examples of use

All GET queries will return a JSON format.

GET top trending NFTs

URL route to get top trending NFTs collections:

https://api.chainbase.online/v1/nft/collection/trending?chain_id=1&range=7d&exchange_name=all&sort=volume_desc&page=1&limit=20

Request body:

{
  "chain_id": "1",
  "range": "7d",
  "exchange_name": "all",
  "sort": "volume_desc",
  "page": "1",
  "limit": "20"
}

Please note that this is just an example and may not exactly reflect how GET routes work in the Chainbase API. I would recommend you check the official documentation or contact the development team for accurate information. ¡I hope this helps!.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

d_d-x-chainbase-hackaton's People

Contributors

markkos89 avatar psiquee avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

d_d-x-chainbase-hackaton's Issues

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.