Coder Social home page Coder Social logo

ondetails's Introduction

Screenshot from 2024-07-18 23-53-57

Ondetails is an One place platform to get all the details of the scroll domaains like balance, address, internal & normal txn using the Frames with the help of subgrph

The Graph integeration

Query

  const query = `
  {
    domains(where: {name: "${inputText}"}) {
      resolvedAddress {
        id
      }
    }
  }
  `;

The above query can be found here for the Frames : https://github.com/Omega12Pirme/Ondetails/blob/main/api/index.tsx#L109

Frame

  • Login page : Anyone can put their scroll domain name and get the details

Screenshot from 2024-07-18 23-56-42

  • Domain Name & Address: AFter Login the user will get the domain name and address associated with this with the help of subgraph

Screenshot from 2024-07-18 23-57-09

  • Balance in the frame: Any user can get the balance of the domain name

Screenshot from 2024-07-18 23-57-33

  • Normal txn hash : Any user can get the txn hash of the normal txn

Screenshot from 2024-07-18 23-58-09

Finder Dapp (webiste)

  • Login page : User have to enter the domain name to enter the website

Screenshot from 2024-07-18 23-58-29

  • Home page : This is the home page shown after the Login

Screenshot from 2024-07-18 23-58-50

  • Normal transacttion: User can get the normal txn for this domain

Screenshot from 2024-07-18 23-59-06

  • User Profile: IN this section user can get the info like balance, domain name, and Logout option

Screenshot from 2024-07-18 23-51-46

Graph query

  const query = `
  {
    domains(where: {name: "${inputValue}"}) {
      resolvedAddress {
        id
      }
    }
  }
  `;

You can find the above Query code here: https://github.com/Omega12Pirme/Ondetails/blob/main/nextjs/src/pages/Login.jsx#L31

ondetails's People

Contributors

omega12pirme avatar

Watchers

 avatar

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.